:root{color-scheme:light dark;--paper:#fafaf8;--ink:#292a2e;--soft:#686a70;--line:#d5d7d8;--accent:#3455b7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 ui-rounded,"SF Pro Rounded",system-ui,sans-serif}main{max-width:760px;margin:auto;padding:64px 24px 80px}a{color:var(--accent);text-underline-offset:4px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{border-bottom:2px solid var(--ink);padding-bottom:24px;margin-bottom:32px}header a{text-decoration:none;color:var(--ink);font-size:20px;font-weight:750}h1{font-size:clamp(32px,6vw,50px);line-height:1.1;letter-spacing:-.035em;margin:26px 0 14px}h2{font-size:22px;margin-top:30px}p{margin:14px 0}small,.muted{color:var(--soft)}nav{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}nav a{padding:16px 22px;border:2px solid var(--ink);border-radius:7px 11px 8px 5px;font-weight:650;text-decoration:none}footer{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;font-size:15px;display:flex;flex-wrap:wrap;gap:20px}@media(prefers-color-scheme:dark){:root{--paper:#191a1e;--ink:#ecede8;--soft:#afb1bb;--line:#44464e;--accent:#a0b5ff}}@media(max-width:480px){main{padding-top:32px}nav{flex-direction:column}}