:root {color-scheme:light dark;font:100%/1.65 system-ui,sans-serif;--paper:#faf9f6;--ink:#24272b;--accent:#353b4a;--line:#dad8d2;background:var(--paper);color:var(--ink)}
* {box-sizing:border-box} body {margin:0} header,main,footer {max-inline-size:52rem;margin-inline:auto;padding:1.5rem} header {display:flex;align-items:center;justify-content:space-between;gap:1rem;border-block-end:1px solid var(--line)} .brand {font-weight:750;font-size:1.4rem;text-decoration:none} main {padding-block:2.5rem 4rem} h1 {font-size:clamp(2rem,5vw,3.5rem);line-height:1.15;max-inline-size:19ch} h2 {font-size:1.4rem;line-height:1.3;margin-block-start:2.5rem} .lead {font-size:1.25rem} .status {display:inline-block;border:1px solid var(--line);border-radius:.5rem;padding:.3rem .7rem} a {color:inherit;text-underline-offset:.2em} a:focus-visible {outline:3px solid currentColor;outline-offset:4px} footer {display:flex;flex-wrap:wrap;gap:1.5rem;border-block-start:1px solid var(--line)} p {overflow-wrap:anywhere}
@media (prefers-color-scheme:dark) {:root {--paper:#1d2026;--ink:#f2f1ed;--accent:#eee;--line:#454950}}
@media (prefers-reduced-motion:reduce) {* {scroll-behavior:auto}}