:root{--bg:#fafaf9;--fg:#1c1917;--muted:#57534e;--link:#1d4ed8;--line:#e7e5e4}
@media (prefers-color-scheme:dark){:root{--bg:#1c1917;--fg:#f5f5f4;--muted:#a8a29e;--link:#93c5fd;--line:#44403c}}
*{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:680px;margin:0 auto;padding:48px 16px}
h1{font-size:1.6rem;margin:0 0 4px}h2{font-size:1.1rem;margin:32px 0 8px}
.sub{color:var(--muted);margin:0 0 24px}a{color:var(--link)}
nav{display:flex;gap:16px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:24px}
footer{margin-top:48px;color:var(--muted);font-size:.875rem;border-top:1px solid var(--line);padding-top:12px}