:root { --paper:#f4efe6; --sheet:#fffdf7; --ink:#121110; --muted:#6e675f; --rule:rgba(18,17,16,.18); --orange:#cb6f3e; --green:#2f6f73; --black:#101011; --cream:#f7f0e7; --mono:"SFMono-Regular","Courier New",monospace; --sans:"Aptos","Helvetica Neue",Arial,sans-serif; --serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:linear-gradient(180deg,#f7f3eb,var(--paper)); font-family:var(--sans); line-height:1.65; }
a { color:inherit; text-underline-offset:.22em; }
:focus-visible { outline:3px solid var(--orange); outline-offset:3px; }
.topbar { position:sticky; top:0; z-index:10; display:flex; justify-content:space-between; gap:20px; align-items:center; width:min(980px,calc(100% - 24px)); margin:12px auto 0; padding:18px 24px; background:var(--black); color:var(--cream); }
.brand { font:700 18px var(--mono); letter-spacing:.04em; text-decoration:none; text-transform:uppercase; }
.topbar nav { display:flex; gap:16px; font:11px var(--mono); text-transform:uppercase; }
main { width:min(980px,calc(100% - 24px)); margin:0 auto 32px; border:1px solid var(--rule); background:rgba(255,253,247,.9); }
.hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.55fr); gap:28px; padding:42px 48px; border-bottom:1px solid var(--rule); }
.eyebrow,.status,.meta dt,.back { font:700 11px var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.eyebrow { color:var(--muted); }
h1,h2,h3 { font-family:var(--serif); line-height:1.05; }
h1 { max-width:15ch; margin:12px 0 16px; font-size:clamp(44px,7vw,72px); letter-spacing:-.04em; }
.dek { max-width:58ch; margin:0; color:var(--muted); font-size:18px; }
.record { align-self:start; padding:20px; border:1px solid var(--rule); background:var(--sheet); }
.status { display:inline-block; margin-bottom:14px; padding:7px 9px; border:1px solid var(--orange); color:#8f4728; }
.record p { margin:0; color:var(--muted); font-size:14px; }
.article { max-width:760px; margin:0 auto; padding:48px; }
.article h2 { margin:2.2em 0 .55em; font-size:34px; }
.article h3 { margin:1.8em 0 .5em; font-size:25px; }
.article p,.article li { font-size:18px; }
.article li + li { margin-top:.45em; }
.article code { padding:.12em .3em; background:#ebe5da; font:0.88em var(--mono); }
.meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:28px 0 34px; border-top:1px solid var(--rule); border-left:1px solid var(--rule); }
.meta div { padding:14px; border-right:1px solid var(--rule); border-bottom:1px solid var(--rule); }
.meta dt { color:var(--green); }
.meta dd { margin:6px 0 0; color:var(--muted); }
.hold { margin:36px 0; padding:20px; border-left:4px solid var(--orange); background:#f2e8da; }
.back { display:inline-block; margin-top:28px; color:#8f4728; }
@media (max-width:700px) { .topbar { align-items:flex-start; flex-direction:column; } .topbar nav { width:100%; overflow:auto; } .hero { grid-template-columns:1fr; padding:30px 22px; } .article { padding:32px 22px; } .meta { grid-template-columns:1fr; } .article p,.article li { font-size:17px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } }