:root { --bg:#fff; --fg:#1b1f23; --dim:#5b6570; --accent:#0b6bcb; --line:#e3e7eb; }
@media (prefers-color-scheme: dark) { :root { --bg:#0f1317; --fg:#e8ecef; --dim:#9aa5b1; --accent:#6db3ff; --line:#262d34; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main { max-width:720px; margin:0 auto; padding:32px 16px 64px; }
h1 { font-size:1.8rem; margin:0 0 4px; } h2 { font-size:1.2rem; margin:32px 0 6px; }
a { color:var(--accent); } .dim { color:var(--dim); font-size:.9rem; }
nav, footer { max-width:720px; margin:0 auto; padding:16px; display:flex; gap:16px; flex-wrap:wrap; border-bottom:1px solid var(--line); }
footer { border-bottom:0; border-top:1px solid var(--line); }
li { margin:4px 0; }