:root{color-scheme:dark;--background:#111619;--surface:#1a2227;--line:#34454d;--ink:#f2f6f8;--muted:#b6c4cb;--accent:#a4eadb}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ink);font-family:system-ui,sans-serif;line-height:1.6}header,main{width:min(100% - 2rem,56rem);margin:auto}header{display:flex;gap:1rem 2rem;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:1.1rem 0;border-bottom:1px solid var(--line)}.brand{font-weight:700;color:var(--ink)}nav{display:flex;flex-wrap:wrap;gap:.45rem 1rem}a{color:var(--accent);text-underline-offset:.2em}a[aria-current=page]{font-weight:700}main{padding:clamp(2rem,7vw,5rem) 0 4rem}h1{font-size:clamp(2rem,6vw,4.2rem);letter-spacing:-.045em;line-height:1.05;max-width:15ch;margin:0 0 1.2rem}h2{font-size:1.15rem;margin:0 0 .35rem}p{color:var(--muted);margin:0;max-width:68ch}.intro{font-size:1.12rem;margin-bottom:2rem}section{padding:1.15rem 1.35rem;background:var(--surface);border:1px solid var(--line);border-radius:.8rem;margin:.8rem 0}a:focus-visible{outline:2px solid var(--accent);outline-offset:.25rem}