:root { --bg:#ffffff; --fg:#1d2026; --muted:#5b6170; --line:#e3e5ea; --accent:#c8343a; }
@media (prefers-color-scheme: dark) { :root { --bg:#14161c; --fg:#e8e9ed; --muted:#9aa0ad; --line:#2a2e38; --accent:#ff6b70; } }
* { 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: 48px 16px 64px; }
h1 { font-size: 1.8rem; line-height: 1.25; margin: 0 0 8px; }
h2 { font-size: 1.15rem; margin: 32px 0 8px; }
p, li { color: var(--fg); }
.muted { color: var(--muted); }
a { color: var(--accent); }
nav { display:flex; gap:16px; padding-bottom:16px; border-bottom:1px solid var(--line); margin-bottom:32px; font-size:.95rem; }
footer { margin-top:48px; padding-top:16px; border-top:1px solid var(--line); font-size:.9rem; color:var(--muted); }