:root { color-scheme: light dark; --fg: #1d1d1f; --bg: #fff; --muted: #555; }
@media (prefers-color-scheme: dark) { :root { --fg: #e8e8ea; --bg: #161618; --muted: #a0a0a6; } }
body { margin: 0 auto; max-width: 40rem; padding: 2rem 1rem; font: 1rem/1.6 system-ui, sans-serif;
       color: var(--fg); background: var(--bg); }
h1 { font-size: 1.6rem; } h2 { font-size: 1.15rem; margin-top: 2rem; }
footer { margin-top: 3rem; color: var(--muted); font-size: .9rem; }
a { color: inherit; }