:root { --bg: #F2F3F6; --surface: #FFFFFF; --ink: #15161C; --muted: #5A5F6E; --accent-ink: #B0164A; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --bg: #17181D; --surface: #212229; --ink: #F1F2F5; --muted: #A4A9B7; --accent-ink: #FF7AA0; color-scheme: dark; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 16px/1.6 "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 68ch; margin: 0 auto; padding: calc(32px + env(safe-area-inset-top, 0px)) 20px calc(48px + env(safe-area-inset-bottom, 0px)); }
h1 { margin: 0 0 4px; font: 700 34px/1.1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
h2 { margin: 32px 0 8px; font-size: 18px; }
p, li { color: var(--ink); }
.updated { color: var(--muted); font-size: 14px; }
a { color: var(--accent-ink); text-underline-offset: 3px; }