:root { color-scheme: light dark; --fg: #1d1d1b; --bg: #fbfaf7; --muted: #6b6b66; --link: #2f5d8a }
@media (prefers-color-scheme: dark) { :root { --fg: #ececea; --bg: #161615; --muted: #9a9a94; --link: #8db4dc } }
body { margin: 0; background: var(--bg); color: var(--fg); font: 17px/1.6 ui-serif, Georgia, serif }
main { max-width: 38rem; padding: 4rem max(16px, env(safe-area-inset-left)) 4rem max(16px, env(safe-area-inset-right)); margin: 0 auto }
h1 { font-size: 2rem; line-height: 1.2; margin: 0 0 1rem }
h2 { font: 600 0.8rem/1.4 ui-sans-serif, system-ui, sans-serif; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); margin: 2.5rem 0 0.5rem }
a { color: var(--link) }