:root { color-scheme: light dark; --fg:#1b1f23; --bg:#ffffff; --muted:#5b6670; --accent:#e8710a; }
@media (prefers-color-scheme: dark) { :root { --fg:#e8eaed; --bg:#14181c; --muted:#9aa4ad; --accent:#ffa04d; } }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.6 -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
main { max-width:42rem; margin:0 auto; padding:2rem 1.25rem 4rem; }
h1 { font-size:1.9rem; margin:0 0 .25rem; } h2 { margin-top:2rem; font-size:1.2rem; }
p.muted { color:var(--muted); margin-top:0; } a { color:var(--accent); }
nav { margin-bottom:1.5rem; } nav a { margin-right:1rem; }