:root{--bg:#f6f7fb;--fg:#17202e;--muted:#5b6678;--accent:#1f5cff;--line:#dfe3ec}
@media (prefers-color-scheme:dark){:root{--bg:#0f1420;--fg:#e8ecf4;--muted:#9aa5ba;--accent:#5b8cff;--line:#2a3345}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;padding:32px 20px 64px}
main{max-width:68ch;margin:0 auto}h1{font-size:34px;line-height:1.15;margin:0 0 8px}h2{font-size:21px;margin:32px 0 8px}p,li{margin:0 0 12px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.04em;margin-bottom:28px;text-decoration:none;color:var(--fg)}
.brand span{display:inline-block;width:26px;height:18px;background:linear-gradient(#2fd1b4 0 30%,transparent 30% 40%,#1f5cff 40% 70%,transparent 70% 80%,#f2b84b 80%);border-radius:3px}
a{color:var(--accent)}.muted{color:var(--muted)}nav a{margin-right:16px}hr{border:0;border-top:1px solid var(--line);margin:32px 0}code{background:rgba(127,127,127,.15);padding:1px 5px;border-radius:4px}