:root{--bg:#f6f7fb;--fg:#15181f;--muted:#5b6170;--accent:#0a5ad6;--card:#fff}
@media(prefers-color-scheme:dark){:root{--bg:#0f1218;--fg:#e8eaf0;--muted:#9aa1b1;--accent:#5b9bff;--card:#171b24}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
main{max-width:720px;margin:0 auto;padding:48px 20px 80px}h1{font-size:34px;line-height:1.2;margin:0 0 6px}h2{font-size:21px;margin:36px 0 8px}
p,li{color:var(--fg)}.muted{color:var(--muted)}a{color:var(--accent)}nav{margin-bottom:28px;font-size:15px}nav a{margin-right:18px}
.card{background:var(--card);border-radius:14px;padding:18px 20px;margin:14px 0;box-shadow:0 1px 3px rgba(0,0,0,.08)}