:root { color-scheme: light dark; --bg: #ffffff; --fg: #1b1f27; --muted: #566074; --link: #2a5bd7; --rule: #d6dbe5; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #11151c; --fg: #e8ecf3; --muted: #a2adc0; --link: #8db1ff; --rule: #2b3342; }
}
body { margin: 0; background: var(--bg); color: var(--fg); font: 1rem/1.6 system-ui, sans-serif; }
header, main { max-width: 46rem; margin: 0 auto; padding: 1rem 16px; }
header { border-bottom: 1px solid var(--rule); color: var(--muted); }
a { color: var(--link); }
h1 { font-size: 1.6rem; } h2 { font-size: 1.2rem; margin-top: 2rem; }
pre, code { font-family: ui-monospace, monospace; font-size: 0.9em; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; background: color-mix(in srgb, var(--fg) 6%, transparent); padding: 0.75rem; }
table { border-collapse: collapse; width: 100%; } td, th { border: 1px solid var(--rule); padding: 0.4rem; text-align: start; vertical-align: top; overflow-wrap: anywhere; }