:root { color-scheme: dark; --ink:#071311; --pine:#0d211e; --paper:#f4f0df; --mist:#b8c7bd; --signal:#73e6d2; --line:rgba(184,199,189,.24); font-family:Inter,ui-sans-serif,system-ui,sans-serif; background:var(--ink); color:var(--paper); }
* { box-sizing:border-box; }
body { margin:0; font-size:16px; line-height:1.65; }
a { color:var(--signal); text-underline-offset:4px; }
a:focus-visible { outline:3px solid var(--signal); outline-offset:4px; }
header { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px max(20px,calc((100vw - 820px)/2)); border-bottom:1px solid var(--line); }
header a { min-height:44px; display:inline-flex; align-items:center; color:var(--paper); font-weight:750; text-decoration:none; }
header nav { display:flex; gap:20px; }
main { width:min(820px,calc(100% - 40px)); margin:0 auto; padding:80px 0 100px; }
.eyebrow { color:var(--signal); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
h1,h2 { font-family:Charter,Cambria,Georgia,serif; font-weight:500; line-height:1.08; }
h1 { max-width:680px; margin:12px 0 24px; font-size:clamp(3rem,8vw,5.5rem); letter-spacing:-.04em; }
h2 { margin-top:50px; font-size:1.8rem; }
.lede { max-width:660px; color:var(--mist); font-size:1.15rem; }
.notice { margin:36px 0; padding:22px; border-left:4px solid var(--signal); background:var(--pine); }
li { margin:10px 0; }
footer { padding:30px max(20px,calc((100vw - 820px)/2)); color:var(--mist); border-top:1px solid var(--line); font-size:13px; }
footer a { min-height:44px; display:inline-flex; align-items:center; }
@media(max-width:560px){ header { align-items:flex-start; flex-direction:column; } main{padding-top:56px;} }