:root { color-scheme: light dark; --fg:#1c1d2b; --muted:#5b5e77; --bg:#ffffff; --accent:#4f5bd5; }
@media (prefers-color-scheme: dark) { :root { --fg:#ecedf7; --muted:#a6a9c4; --bg:#14151f; --accent:#8e98ff; } }
body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width:720px; margin:0 auto; padding:40px 16px 64px; }
h1 { font-size:1.9rem; line-height:1.2; margin:0 0 4px; }
h2 { font-size:1.2rem; margin:2em 0 .4em; }
p, li { color:var(--fg); } .muted { color:var(--muted); }
a { color:var(--accent); }
nav { margin-bottom:32px; font-size:.95rem; } nav a { margin-right:16px; }