:root{--bg:#0f1117;--fg:#e6e6e6;--muted:#9aa0a6;--accent:#7cc4ff;--card:#171a23}
@media (prefers-color-scheme:light){:root{--bg:#fafafa;--fg:#1b1b1b;--muted:#5f6368;--accent:#0b63c6;--card:#fff}}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg)}
header,main,footer{max-width:760px;margin:0 auto;padding:0 20px}header{padding-top:40px}nav a{color:var(--muted);margin-right:18px;text-decoration:none}nav a:hover,nav a.active{color:var(--accent)}
h1{font-size:2rem;margin:.4em 0 .2em}h2{font-size:1.25rem;margin-top:2em}.tag{color:var(--muted);font-size:.9rem}
.card{background:var(--card);border:1px solid rgba(128,128,128,.15);border-radius:12px;padding:18px 20px;margin:18px 0}
a{color:var(--accent)}footer{padding:40px 20px;color:var(--muted);font-size:.85rem}code{background:rgba(128,128,128,.15);padding:2px 6px;border-radius:6px}