:root { color-scheme: light dark; --bg:#f5f5f4; --fg:#1c1917; }
@media (prefers-color-scheme: dark) { :root { --bg:#1c1917; --fg:#f5f5f4; } }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; display:flex; flex-direction:column;
       font-family: system-ui, sans-serif; background:var(--bg); color:var(--fg); line-height:1.6; }
main { flex:1; width:100%; max-width:720px; margin:0 auto; padding:2rem 16px; }
main.center { display:grid; place-content:center; text-align:center; }
h1 { margin:0 0 .5rem; }
h2 { margin-top:2rem; font-size:1.15rem; }
.muted { opacity:.7; margin:0; }
a { color:inherit; }
footer { text-align:center; padding:1rem; font-size:.85rem; opacity:.7; }