:root{--bg:#ffffff;--fg:#1c2024;--mut:#5b6570;--line:#e3e8ec;--acc:#12657f}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);
  font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.wrap{max-width:760px;margin:0 auto;padding:48px 22px 72px}
header{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:34px}
h1{font-size:1.75rem;line-height:1.25;margin:0 0 8px}
h2{font-size:1.15rem;margin:34px 0 10px}
.sub{color:var(--mut);margin:0}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:22px}
li{margin-bottom:7px}
a{color:var(--acc)}
nav{margin-top:20px;display:flex;gap:18px;flex-wrap:wrap}
footer{margin-top:52px;padding-top:20px;border-top:1px solid var(--line);
  color:var(--mut);font-size:.9rem}
code{background:#f2f5f7;padding:1px 5px;border-radius:4px;font-size:.9em}
@media (prefers-color-scheme:dark){
  :root{--bg:#14181b;--fg:#e6eaed;--mut:#9aa5ad;--line:#2a3136;--acc:#5cc6e6}
  code{background:#20262a}
}