:root { color-scheme: light; --ink:#162f38; --muted:#435c65; --accent:#065f59; --paper:#fffdf8; --line:#c7d6d4; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:1.0625rem/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:var(--accent); text-underline-offset:.2em; overflow-wrap:anywhere; }
a:hover { text-decoration-thickness:.15em; }
a:focus-visible { outline:3px solid #975807; outline-offset:4px; }
.wrap { max-width:52rem; margin-inline:auto; padding:1.5rem; }
header { border-bottom:1px solid var(--line); }
header .wrap { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; padding-block:1rem; }
.brand { font-size:1.5rem; font-weight:750; letter-spacing:-.04em; text-decoration:none; }
nav { display:flex; flex-wrap:wrap; gap:.25rem 1.2rem; }
nav a { padding-block:.3rem; }
[aria-current="page"] { font-weight:700; }
main { padding-block:2rem !important; }
h1,h2 { line-height:1.2; letter-spacing:-.025em; }
h1 { font-size:clamp(2rem,6vw,3.25rem); margin:.25rem 0 1rem; }
h2 { font-size:1.35rem; margin-top:2rem; }
p,li { max-width:70ch; }
ul { padding-left:1.3rem; }
.kicker { color:var(--muted); font-size:.9rem; font-weight:650; letter-spacing:.05em; text-transform:uppercase; }
.lede { font-size:1.2rem; }
.note { border-left:4px solid var(--accent); padding:.8rem 1rem; background:#edf5f2; }
.meta,footer { color:var(--muted); font-size:.9375rem; }
footer { border-top:1px solid var(--line); }
.skip { position:absolute; left:1rem; top:-8rem; background:var(--paper); padding:1rem; z-index:1; }
.skip:focus { top:1rem; }
@media(max-width:30rem) { .wrap { padding:1.1rem; } header .wrap { align-items:flex-start; } main { padding-top:1.6rem !important; } }
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto; } }