:root{--base:#3b0d1a;--claret:#4a1222;--cream:#f7f2ea;--gold:#e8d5a8;--ink:#1f050d;--out:#260711;--line:rgba(232,213,168,.4);--mono:ui-monospace,Consolas,"Courier New",monospace;--hh:4.5rem}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5.5rem}
body{margin:0;background:var(--out);color:var(--cream);font:1rem/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
h1,h2,h3,h4,p,li,dt,dd,summary,label,legend,caption,a,span,blockquote,pre,.brand-name{overflow-wrap:anywhere;hyphens:auto}
[hidden]{display:none!important}
h1,h2{line-height:1.15;margin:0 0 1rem;font-weight:800}
h1{font-size:clamp(1.9rem,5vw,3rem)}
h2{font-size:clamp(1.45rem,3.2vw,2rem)}
h3,h4{font:700 .95rem/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;margin:1.5rem 0 .5rem;color:var(--gold)}
p{margin:0 0 1rem}
a{color:var(--gold);text-underline-offset:.2em}
a:hover{color:var(--cream)}
:focus-visible{outline:3px solid var(--cream);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:.5rem;top:-5rem;z-index:80;background:var(--gold);color:var(--ink);padding:.75rem 1rem;font:700 .95rem var(--mono)}
.skip:focus{top:.5rem}
.frame{margin:10px;border:1px solid var(--gold);background:var(--base)}
.wrap{width:100%;max-width:74rem;margin:0 auto;padding:0 1rem}
@media(min-width:48rem){.frame{margin:clamp(24px,4vw,56px)}.wrap{padding:0 2rem}}
.site-header{position:sticky;top:0;z-index:30;background:var(--base);border-bottom:1px solid var(--line);transition:background-color .25s}
.site-header.is-top{background:transparent;border-bottom-color:transparent}
.site-header.menu-open{background:var(--base);border-bottom-color:var(--line)}
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;min-height:var(--hh);position:relative}
.brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--cream);text-decoration:none;font:700 .875rem/1.25 var(--mono);min-width:0;min-height:44px}
.logo{flex:none;color:var(--gold)}
.menu-toggle{min-height:44px;padding:.4rem .9rem;background:var(--gold);color:var(--ink);border:1px solid var(--gold);border-radius:0;font:700 .875rem var(--mono);cursor:pointer;flex:none}
.nav-panel{flex:1 0 100%;padding-bottom:1rem}
.nav-panel ul{list-style:none;margin:0 0 1rem;padding:0}
.nav-panel li a{display:flex;align-items:center;min-height:44px;padding:.4rem 0;color:var(--cream);font:700 .9rem var(--mono);text-decoration:none;border-bottom:1px solid var(--line)}
.nav-panel a[aria-current=page]{color:var(--gold)}
.nav-panel .btn{width:100%}
.js .nav-panel{position:absolute;top:100%;left:0;right:0;flex:none;background:var(--base);padding:.5rem 1rem 1.25rem;border-bottom:1px solid var(--gold);max-height:calc(100vh - var(--hh) - 1rem);max-height:calc(100svh - var(--hh) - 1rem);overflow-y:auto}
@media(min-width:70rem){
.nav-panel,.js .nav-panel{position:static;flex:0 1 auto;display:flex;align-items:center;gap:1.25rem;padding:0;background:none;border:0;max-height:none;overflow:visible}
.nav-panel ul{display:flex;gap:.15rem;margin:0}
.nav-panel li a{border:0;padding:.4rem .7rem}
.nav-panel li a:hover{color:var(--gold)}
.nav-panel .btn{width:auto}
.bar{flex-wrap:nowrap}
.menu-toggle{display:none}
}
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:.55rem 1.1rem;background:var(--gold);color:var(--ink);border:1px solid var(--gold);border-radius:0;font:700 .9rem/1.3 var(--mono);text-decoration:none;box-shadow:4px 4px 0 #1f050d;cursor:pointer;transition:transform .12s,box-shadow .12s}
.btn:hover{color:var(--ink);transform:translate(4px,4px);box-shadow:0 0 0 #1f050d}
.actions{display:flex;flex-wrap:wrap;gap:1rem 1.25rem;margin:1.5rem 0 .5rem}
.js-only{display:none}
.js .js-only{display:inline-flex}
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--hh) + 2rem) 0 3rem;margin-top:calc(var(--hh) * -1);background:radial-gradient(ellipse at 50% 35%,rgba(232,213,168,.1),transparent 60%),linear-gradient(180deg,#260711 0%,#3b0d1a 75%)}
.hero .inner{max-width:46rem;margin:0 auto}
.hero h1{font-size:clamp(2.1rem,6.5vw,4rem);line-height:1.08}
.hero p{font-size:1.1rem}
.hero .actions{justify-content:center}
.kicker{font:700 .875rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 1rem}
.page-head{padding:2.25rem 0 1.5rem;border-bottom:1px solid var(--line)}
.page-head .lead{max-width:46rem;font-size:1.1rem;margin:0}
.crumbs{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem;padding:0;margin:0 0 .75rem;font:.875rem var(--mono)}
.crumbs li{display:flex;align-items:center}
.crumbs li+li::before{content:"›";margin-right:.35rem;color:var(--gold)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px}
.flow{counter-reset:sec;position:relative;margin:1.5rem 0 3rem 0;padding:0 0 0 1.25rem;border-left:1px solid var(--gold)}
.sec{position:relative;padding:1.75rem 0 .75rem}
.sec>h2::before{counter-increment:sec;content:counter(sec,decimal-leading-zero) " /";display:block;font:700 .875rem var(--mono);color:var(--gold);letter-spacing:.12em;margin-bottom:.35rem}
.sec::before{content:"";position:absolute;left:calc(-1.25rem - 4px);top:2.2rem;width:7px;height:7px;background:var(--gold)}
.panel{background:var(--claret);border:1px solid var(--gold);padding:1.1rem;margin:0 0 1rem;min-width:0}
.panel>:last-child{margin-bottom:0}
.note{border-left:4px solid var(--gold);background:var(--claret);padding:.75rem 1rem;margin:0 0 1.5rem}
.meta{font:.875rem/1.5 var(--mono);color:var(--gold);margin:0 0 .75rem}
.plain{padding-left:1.25rem;margin:0 0 1rem}
.plain li,.check li{margin:.3rem 0}
.check{padding-left:1.6rem;margin:0 0 1rem}
.ledger{list-style:none;margin:0 0 1rem;padding:0;border-top:1px solid var(--gold)}
.ledger li{display:grid;grid-template-columns:minmax(0,1fr);gap:.4rem 1.5rem;padding:1rem 0;border-bottom:1px solid var(--line);align-items:start}
.ledger h3{font:700 1.1rem/1.3 system-ui,sans-serif;text-transform:none;letter-spacing:0;margin:0;color:var(--cream)}
.ledger p{margin:0}
.more{display:inline-flex;align-items:center;min-height:44px;font:700 .9rem var(--mono)}
@media(min-width:56rem){.ledger li{grid-template-columns:minmax(0,15rem) minmax(0,1fr) auto}}
.sec--matches .match-box{background:var(--claret);border:1px solid var(--gold);border-top:5px double var(--gold);padding:1rem;display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}
.sec--matches .match-box aside{border-left:4px solid var(--gold);padding-left:1rem;min-width:0}
.sec--matches .match-box aside p{margin:0}
@media(min-width:64rem){.sec--matches .match-box{grid-template-columns:minmax(0,1fr) 15rem}}
.table-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--line);background:var(--base)}
table{border-collapse:collapse;width:100%;min-width:42rem}
caption{caption-side:top;text-align:left;font:700 .95rem/1.4 var(--mono);padding:.75rem;color:var(--gold)}
th,td{padding:.7rem .75rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:break-word;hyphens:manual}
th{font:700 .875rem var(--mono);color:var(--gold);border-bottom:1px solid var(--gold);letter-spacing:.04em}
td.num{font-family:var(--mono);white-space:nowrap}
td.url{overflow-wrap:anywhere;word-break:break-all;min-width:12rem}
.draft{white-space:pre-wrap;font:.95rem/1.6 var(--mono);background:var(--base);border:1px solid var(--line);padding:1rem;margin:0 0 1rem}
.reading{max-width:45rem}
.toc{background:var(--claret);border:1px solid var(--line);padding:1rem 1.25rem;margin:0 0 2rem}
.toc h2{font:700 .95rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin:0 0 .5rem}
.toc ol,.toc ul{margin:0;padding-left:1.25rem}
.toc a{display:inline-flex;align-items:center;min-height:44px}
.prose{padding:2rem 0 3rem}
.prose h2{margin-top:2.25rem;font-size:clamp(1.3rem,2.8vw,1.7rem)}
.prose h2:first-child{margin-top:0}
.prose ul,.prose ol{padding-left:1.4rem;margin:0 0 1rem}
.prose li{margin:.3rem 0}
details{border:1px solid var(--line);background:var(--claret);margin:0 0 .75rem}
summary{cursor:pointer;min-height:44px;padding:.7rem 1rem;font-weight:700;list-style:none;display:block}
summary::-webkit-details-marker{display:none}
summary::before{content:"+";font-family:var(--mono);color:var(--gold);margin-right:.6rem}
details[open]>summary::before{content:"–"}
details>div{padding:0 1rem 1rem}
details>div p:last-child{margin:0}
.tool{margin:1.5rem 0}
fieldset{border:1px solid var(--line);padding:1rem;margin:0 0 1.25rem;min-width:0;background:var(--claret)}
legend{font:700 .95rem var(--mono);color:var(--gold);padding:0 .4rem}
.opt{display:flex;align-items:flex-start;gap:.75rem;min-height:44px;padding:.45rem 0}
.opt input{flex:none;width:1.25rem;height:1.25rem;margin:.2rem 0 0;accent-color:#e8d5a8}
.field{margin:0 0 1.25rem}
.lbl{display:block;font:700 .9rem var(--mono);margin:0 0 .35rem}
.hint{font-size:.9rem;margin:.35rem 0 0;color:#e6dccb}
input[type=text],select,textarea{display:block;width:100%;max-width:100%;min-height:44px;padding:.6rem .75rem;background:var(--base);color:var(--cream);border:1px solid var(--gold);border-radius:0;font:1rem/1.5 system-ui,sans-serif}
textarea{min-height:9rem;resize:vertical}
textarea[readonly]{font:.95rem/1.55 var(--mono);min-height:14rem}
.error{color:#ffdede;border-left:4px solid #ff9f9f;padding:.4rem .75rem;margin:.5rem 0;font-weight:700;background:rgba(0,0,0,.2)}
.site-footer{border-top:1px solid var(--gold);background:var(--out);padding:2.25rem 0 2.5rem;margin-top:1rem}
.foot-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}
.foot-grid p{font-size:.95rem}
.foot-brand{font:700 1rem var(--mono)}
.foot-brand a{color:var(--cream)}
.foot-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:0 1rem}
.foot-links a{display:inline-flex;align-items:center;min-height:44px;font:.9rem var(--mono)}
@media(min-width:56rem){.foot-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.status{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);z-index:60;max-width:calc(100vw - 2rem);background:var(--gold);color:var(--ink);padding:.7rem 1rem;font:700 .9rem var(--mono);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.status:empty{display:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.btn:hover{transform:none}}