:root{color-scheme:light dark;--bg:#fbfbf9;--fg:#1c1c1a;--muted:#5d5d58;--accent:#1d4ed8;--rule:#e4e4df}@media (prefers-color-scheme:dark){:root{--bg:#121211;--fg:#ecece8;--muted:#a3a39c;--accent:#8ab4ff;--rule:#2a2a27}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.0625rem;line-height:1.6}main,footer{max-width:40rem;margin:0 auto;padding-inline:1.25rem}main{padding-block:clamp(3rem,12vh,8rem) 3rem}h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2.25rem,7vw,3.25rem);line-height:1.1}h2{margin:0 0 .5rem;font-size:1.1rem}.lede{color:var(--muted);margin:0 0 1.75rem;font-size:1.2rem}.links{flex-wrap:wrap;gap:.75rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}a{color:var(--accent);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}section{border-top:1px solid var(--rule);margin-top:4rem;padding-top:2rem}footer{color:var(--muted);padding-block:2rem 3rem;font-size:.9rem}