:root { color-scheme: light dark; --ink: #1c2024; --muted: #5b6470; --line: #d9dee4; --bg: #fff; --tint: #f3f5f7; --link: #1a5fb4; }
@media (prefers-color-scheme: dark) { :root { --ink: #e8ebee; --muted: #a2abb5; --line: #363d45; --bg: #15181c; --tint: #1f242a; --link: #8ab8f0; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 42rem; margin: 0 auto; padding: 3rem 1rem 4rem; }
h1 { font-size: 2rem; line-height: 1.2; margin: 0 0 1rem; }
h2 { font-size: 1.2rem; margin: 2.25rem 0 .5rem; }
a { color: var(--link); }
code { font-size: .9em; overflow-wrap: anywhere; }
li { margin: .35rem 0; }
.eyebrow { color: var(--muted); font-size: .875rem; margin: 0 0 .5rem; }
.lead { font-size: 1.1rem; }
.note { background: var(--tint); border: 1px solid var(--line); border-radius: 8px; padding: .875rem 1rem; }