:root { --ink:#101c2a; --muted:#4b4f55; --paper:#f6f3ec; --navy:#00152a; --orange:#F97316; }
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:400 1.0625rem/1.7 'Instrument Sans', system-ui, sans-serif; }
header { display:flex; justify-content:space-between; align-items:center; padding:1.1rem clamp(1.25rem,5vw,3rem); background:var(--navy); }
.brand { font:800 1.25rem 'Bricolage Grotesque', sans-serif; letter-spacing:-.02em; color:#f6f3ec; text-decoration:none; }
.brand b { color:var(--orange); }
.back { color:#b0c9e8; text-decoration:none; font-size:.9rem; }
.back:hover { color:#fff; }
main { max-width:46rem; margin:0 auto; padding:clamp(2.5rem,6vw,4.5rem) clamp(1.25rem,5vw,2rem) 4rem; }
.eyebrow { font-size:.75rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:#9d4300; margin:0 0 .5rem; }
h1 { font:800 clamp(2.25rem,6vw,3.5rem)/1.05 'Bricolage Grotesque', sans-serif; letter-spacing:-.035em; margin:0 0 .5rem; }
.meta { color:var(--muted); font-size:.9rem; margin:0 0 2.5rem; }
h2 { font:700 1.35rem/1.25 'Bricolage Grotesque', sans-serif; letter-spacing:-.02em; margin:2.25rem 0 .5rem; }
p, li { color:#26323f; }
ul { padding-left:1.25rem; }
li { margin:.35rem 0; }
a { color:#9d4300; text-underline-offset:3px; }
a:hover { color:var(--orange); }
footer { border-top:1px solid #c9c2b2; padding:1.5rem clamp(1.25rem,5vw,3rem); font-size:.85rem; color:var(--muted); text-align:center; }
:focus-visible { outline:2px solid var(--orange); outline-offset:3px; }