:root{ --bg:#faf7f2; --panel:#fff; --line:#e7e2d8; --text:#2d2a33; --muted:#8a8494;
  --accent:#10b981; --accent-dark:#0b8a61; }
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.65}
.doc{max-width:820px;margin:0 auto;padding:24px 18px 80px}
.back{display:inline-block;margin-bottom:18px;color:var(--accent-dark);
  text-decoration:none;font-weight:600;font-size:14px}
.back:hover{text-decoration:underline}
h1{font-size:28px;line-height:1.25;color:#0b8a61;margin-bottom:6px}
h2{font-size:18px;margin:28px 0 8px;color:var(--accent-dark)}
p,li{font-size:15px}
p{margin-bottom:10px}
ul{margin:0 0 12px 22px}
li{margin-bottom:6px}
a{color:var(--accent-dark)}
.upd{color:var(--muted);font-size:13px;margin-bottom:20px}
.callout{background:linear-gradient(135deg,#effaf5,#e8f4fd);border:1px solid #c8ecdc;
  border-left:4px solid var(--accent);border-radius:12px;padding:14px 16px;margin:18px 0;font-size:14.5px}
table{width:100%;border-collapse:collapse;margin:12px 0 18px;font-size:14px;
  display:block;overflow-x:auto}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:#f3f0fa;font-size:13px;text-transform:uppercase;letter-spacing:.04em;
  color:var(--accent-dark)}
.foot{margin-top:34px;padding-top:14px;border-top:1px solid var(--line);
  color:var(--muted);font-size:13px}
@media(prefers-color-scheme:dark){
  :root{ --bg:#17161a; --panel:#201f25; --line:#33313b; --text:#e9e7ee; --muted:#9c96a8; }
  h1,h2{color:#34d399}
  a{color:#34d399}
  th{background:#26242c;color:#34d399}
  .callout{background:#1d2a26;border-color:#2f6b56}
}