:root{color-scheme:light;font-family:system-ui,sans-serif;color:#17323a;background:#f8f8f3}body{margin:0}header{background:#17323a;color:white;padding:24px max(24px,calc((100% - 880px)/2));font-weight:700}main{max-width:880px;margin:56px auto;padding:0 24px 64px}h1{font-size:clamp(32px,5vw,52px);letter-spacing:-.035em}h2{font-size:22px;margin:36px 0 12px}p{line-height:1.75}a{color:inherit;text-underline-offset:4px}nav{display:flex;flex-wrap:wrap;gap:24px}footer{margin-top:40px;padding-top:24px;border-top:1px solid #cbd5cf}section{max-width:76ch}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}