:root { color-scheme: light; --paper:#f3eedc; --ink:#173c32; --bark:#5a4938; --fern:#2f6b50; --saffron:#d99a2b; font-family:"Arial Narrow",Aptos,"Segoe UI",sans-serif; background:var(--paper); color:var(--ink); }
* { box-sizing:border-box; }
body { margin:0; font-size:17px; line-height:1.6; background:radial-gradient(circle at 20% 30%,#173c3209 0 1px,transparent 1px) 0 0/19px 23px,var(--paper); }
a { color:inherit; text-underline-offset:4px; }
a:focus-visible { outline:3px solid var(--saffron); outline-offset:4px; }
.skip { position:fixed; top:8px; left:8px; padding:10px 14px; background:var(--ink); color:white; transform:translateY(-160%); }
.skip:focus { transform:none; }
header { max-width:940px; min-height:76px; margin:auto; padding:16px 28px; display:flex; justify-content:space-between; align-items:center; gap:24px; border-bottom:1px solid #173c3240; }
header>a { font:700 22px/1 Georgia,serif; text-decoration:none; }
nav { display:flex; gap:24px; }
nav a { min-height:44px; display:inline-flex; align-items:center; font-weight:700; }
main { max-width:760px; margin:auto; padding:80px 28px 110px; }
.kicker { margin:0; color:var(--bark); font-size:13px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
h1,h2 { font-family:Georgia,Cambria,serif; }
h1 { margin:4px 0 0; font-size:clamp(52px,9vw,82px); line-height:1; letter-spacing:-.04em; }
.updated { color:var(--bark); }
section { margin-top:48px; padding-top:20px; border-top:1px solid #173c3255; }
h2 { margin:0 0 8px; font-size:28px; }
section p { margin:0; max-width:68ch; }
.back { min-height:44px; display:inline-flex; align-items:center; margin-top:56px; font-weight:800; }
footer { max-width:940px; margin:auto; padding:36px 28px; border-top:1px solid #173c3240; color:var(--bark); }
@media(max-width:480px){header{padding-inline:20px}main{padding:56px 20px 80px}nav{gap:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}