:root { --bg:#fafaf9; --fg:#1c1917; --muted:#57534e; --link:#1d4ed8; }
@media (prefers-color-scheme: dark) { :root { --bg:#1c1917; --fg:#f5f5f4; --muted:#a8a29e; --link:#93c5fd; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
h1 { font-size: 1.75rem; line-height: 1.25; margin: 0 0 8px; }
h2 { font-size: 1.15rem; margin: 28px 0 8px; }
p, li { color: var(--fg); }
.muted { color: var(--muted); font-size: .9rem; }
a { color: var(--link); }
nav { display:flex; flex-wrap:wrap; gap:16px; margin-bottom:24px; font-size:.95rem; }