:root{--bg:#fafafa;--fg:#1a1a1a;--muted:#555;--accent:#0b6bcb}
@media (prefers-color-scheme:dark){:root{--bg:#121212;--fg:#eee;--muted:#aaa;--accent:#6aaef5}}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
main{max-width:720px;margin:0 auto;padding:40px 16px}
h1{font-size:1.9rem;margin:0 0 .3em}h2{font-size:1.2rem;margin-top:1.8em}
a{color:var(--accent)}footer{margin-top:3em;color:var(--muted);font-size:.9rem}
nav a{margin-right:1em}