:root { color-scheme: light dark; --ink: #242424; --muted: #6c6c6c; --paper: #fff; }
@media (prefers-color-scheme: dark) { :root { --ink: #ededee; --muted: #b0b2b5; --paper: #171819; } }
html { background: var(--paper); }
body { margin: 0; padding: 48px 20px 80px; max-width: 640px; margin-inline: auto; color: var(--ink);
       font: 17px/1.55 -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1 { font-size: 28px; letter-spacing: -0.5px; margin: 0 0 6px; }
h2 { font-size: 19px; margin: 32px 0 8px; }
p, li { color: var(--ink); } .muted { color: var(--muted); }
a { color: inherit; }