/* NaijaClan — "The Evidence Room" synthesis design system.
   Base: Concept C (charcoal room, brass, Newsreader/Archivo, artefact-led).
   Imports: Concept A's verified atlas plate (map, legend, scale bar);
   Concept B's poster scale (Anton numerals, rust honesty field) — poster
   moments only, never inside trust-critical flows.
   Kill-list K-01…K-22 binds: no filebar, no folder cards, no prov badges,
   no ledger-table pages, no system fonts, no one-skeleton pages. */

@font-face{font-family:'Newsreader';src:url('fonts/newsreader-normal-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Newsreader';src:url('fonts/newsreader-normal-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Newsreader';src:url('fonts/newsreader-italic-400.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Archivo';src:url('fonts/archivo-normal-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Archivo';src:url('fonts/archivo-normal-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Archivo';src:url('fonts/archivo-normal-900.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Anton';src:url('fonts/anton-normal-400.woff2') format('woff2');font-weight:400;font-display:swap}

:root{
 --room:#14161C; --room2:#1C1F27; --room3:#101216;
 --paper:#F1EAD8; --paper2:#E5DABE; --ink:#20241C; --inksoft:#33382C; --papersub:#5A5340;
 --rust:#8C3B1D; --rustdeep:#7A2E12; --moss:#274435; --mossdeep:#123B21;
 --brass:#B07E2B; --brasslt:#C99A3F; --line:#3A3E49; --mute:#A79E86; --bodylt:#D9D2BC; --bodylt2:#CFC7AC;
 --anton:'Anton', 'Archivo', sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--room);color:var(--paper);font-family:'Archivo',Arial,sans-serif;font-size:17px;line-height:1.55}
::selection{background:var(--brass);color:var(--room)}
a{color:var(--brasslt)}
a:hover{color:var(--paper)}
:focus-visible{outline:3px solid var(--brass);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0}
.skip:focus{left:8px;top:8px;background:var(--brass);color:var(--room);padding:10px 16px;z-index:80;font-weight:700}
.serif{font-family:'Newsreader',Georgia,serif}
.mono{font-family:'Archivo',sans-serif;font-weight:700;letter-spacing:.08em;font-size:.86em}
.label{font-weight:700;text-transform:uppercase;letter-spacing:.24em;font-size:.7rem;color:var(--brass)}
.wrap{max-width:1500px;margin:0 auto;padding:0 38px}
main{display:block}
section.blk{padding:64px 0}
h1{font-family:'Newsreader',serif;font-weight:400;font-size:clamp(2.6rem,4.6vw,4.4rem);line-height:1.04;letter-spacing:-.01em}
h1 em, h2 em{font-style:italic;color:var(--brass)}
h2.sec{font-family:'Newsreader',serif;font-weight:400;font-size:clamp(1.9rem,3.2vw,2.9rem);line-height:1.12;margin:14px 0 18px}
h3{font-family:'Newsreader',serif;font-weight:600}
p{max-width:44rem}
p+p{margin-top:14px}
.lede{font-size:1.13rem;line-height:1.65;color:var(--bodylt);max-width:38rem}
.lede b, .lede strong{color:var(--paper)}
.small{font-size:.86rem;color:var(--bodylt2);max-width:44rem}
ul.plain, ol.plain{margin:10px 0 10px 1.2rem;max-width:44rem}
ul.plain li, ol.plain li{margin:7px 0;color:var(--bodylt)}
ul.plain li strong, ol.plain li strong{color:var(--paper)}

/* ---------- header / nav ---------- */
header.site{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 38px;border-bottom:1px solid var(--line);position:relative;z-index:40;background:var(--room)}
.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--paper)}
.brand:hover{color:var(--paper)}
.brand .seal{width:44px;height:44px;flex:none}
.brand .wm{font-family:'Newsreader',serif;font-weight:600;font-size:1.7rem;line-height:1}
.brand .wm i{color:var(--brass);font-style:normal}
.brand small{display:block;font-family:'Archivo';font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:var(--mute);margin-top:4px;font-weight:700;white-space:nowrap}
.navtoggle{display:none;background:none;border:1.6px solid var(--brass);color:var(--brass);font-family:'Archivo';font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;padding:12px 18px;min-height:48px;cursor:pointer}
nav.main{display:flex;gap:20px;align-items:center}
nav.main a{color:var(--paper);text-decoration:none;font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:10px 2px;white-space:nowrap}
nav.main a:hover, nav.main a[aria-current="page"]{color:var(--brasslt)}
nav.main a.util{color:var(--mute)}
nav.main a.cta{border:1.6px solid var(--brass);color:var(--brasslt);padding:12px 18px}
nav.main a.cta:hover{background:var(--brass);color:var(--room)}

/* ---------- buttons / facts ---------- */
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.btn{display:inline-block;padding:16px 26px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;text-decoration:none;min-height:52px}
.btn.brass{background:var(--brass);color:var(--room)}
.btn.brass:hover{background:var(--paper);color:var(--room)}
.btn.ghost{border:1.6px solid var(--line);color:var(--paper)}
.btn.ghost:hover{border-color:var(--paper);color:var(--paper)}
.btn.rustbtn{background:var(--rust);color:var(--paper)}
.btn.rustbtn:hover{background:var(--paper);color:var(--rustdeep)}
.facts{display:flex;gap:36px;margin-top:44px;flex-wrap:wrap}
.facts div{border-left:2px solid var(--rust);padding-left:14px}
.facts .n{font-family:'Newsreader',serif;font-size:1.9rem;line-height:1;color:var(--paper)}
.facts .t{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-top:5px;font-weight:700}

/* ---------- hero (home) ---------- */
.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:56px;padding:64px 38px 70px;align-items:center;max-width:1500px;margin:0 auto}
.hero h1{margin-top:20px}
.hero h1 .u{box-shadow:inset 0 -.14em 0 var(--rust)}
.hero .lede{margin-top:24px}

/* ---------- the document artefact ---------- */
.stage{position:relative;padding:18px 10px 6px}
.stage .shadow{position:absolute;inset:auto 6% -14px 10%;height:40px;background:#000;filter:blur(26px);opacity:.55;border-radius:50%}
.doc{position:relative;background:var(--paper);color:var(--ink);transform:rotate(-1.6deg);box-shadow:0 30px 60px rgba(0,0,0,.5);padding:34px 38px 30px;max-width:620px;margin:0 auto}
.doc.flat{transform:none;max-width:880px;margin:0}
.doc::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 60%,#00000010);pointer-events:none}
.doc .d-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:2.4px solid var(--ink);padding-bottom:14px}
.doc .d-head .t1{font-family:'Newsreader',serif;font-weight:600;font-size:1.35rem;line-height:1.15}
.doc .d-head .t2{font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--papersub);margin-top:5px;font-weight:700}
.doc .seal{width:64px;height:64px;flex:none}
.doc .finding{display:flex;gap:14px;align-items:center;margin:20px 0 6px;flex-wrap:wrap}
.doc .finding p{font-family:'Newsreader',serif;font-style:italic;font-size:1.02rem;max-width:26rem}
.doc p.body{font-size:.93rem;line-height:1.6;color:var(--inksoft);margin-top:12px;max-width:none}
.doc p.body a{color:var(--rustdeep)}
.doc .redact{background:var(--ink);color:transparent;border-radius:1px;padding:0 5px;user-select:none}
.doc .exhibits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.doc .ex{border:1.4px solid var(--ink);padding:8px}
.doc .ex svg{width:100%;height:auto;display:block;color:var(--ink)}
.doc .ex span{display:block;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;margin-top:7px;color:var(--papersub);font-weight:700}
.doc .d-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1.4px solid var(--ink);margin-top:20px;padding-top:12px;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.doc .stamp{display:block;width:max-content;margin:20px 6px 4px auto;transform:rotate(-6deg);border:3px solid var(--rust);color:var(--rustdeep);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;padding:8px 12px;background:#f1ead880}
.doc h3{font-size:1.12rem;margin:22px 0 6px}
.doc p{max-width:none;font-size:.95rem;color:var(--inksoft)}
.doc ul{margin:6px 0 6px 1.15rem}
.doc ul li{margin:5px 0;color:var(--inksoft)}
.doc .grade-inline{font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--papersub)}
.stage .cap{position:relative;text-align:center;color:var(--mute);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;margin-top:26px;font-weight:700}
.stage .cap b{color:var(--brasslt)}
.samplebanner{display:inline-block;background:var(--rust);color:var(--paper);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;padding:7px 12px;margin-bottom:16px}

/* finding grades */
.grade{display:inline-block;font-weight:900;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;padding:10px 14px;color:var(--paper)}
.grade.supports{background:var(--moss)}
.grade.cond{background:#8A5A00;background:#7A5200}
.grade.dont{background:var(--rust)}
.finding-bands{display:grid;gap:14px;margin-top:26px}
.fband{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:20px 24px;color:var(--paper)}
.fband.supports{background:var(--moss)}
.fband.cond{background:#6E4700}
.fband.dont{background:var(--rust)}
.fband .grade{background:rgba(0,0,0,.28);white-space:nowrap}
.fband p{color:var(--paper);max-width:none}

/* ---------- photo slots ---------- */
.slots{background:var(--room2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:64px 0}
.slots h2{font-family:'Newsreader',serif;font-weight:400;font-size:clamp(2rem,3.6vw,3.2rem);max-width:26em;line-height:1.15}
.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}
.slot{border:1px solid var(--line);background:var(--room)}
.slot .frame{aspect-ratio:4/3;position:relative;overflow:hidden}
.slot .frame svg{position:absolute;inset:0;width:100%;height:100%}
.slot figcaption{padding:14px 16px;font-size:.84rem;color:var(--bodylt2)}
.slot figcaption b{display:block;color:var(--paper);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:5px}

/* ---------- documentary index rows ---------- */
.rows{margin-top:36px;border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:88px 1fr 1.1fr auto;gap:28px;align-items:baseline;padding:26px 6px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--paper)}
.row:hover{background:var(--room2);color:var(--paper)}
.row .no{font-family:'Newsreader',serif;font-style:italic;color:var(--brasslt);font-size:1.3rem}
.row h3{font-family:'Newsreader',serif;font-weight:600;font-size:1.65rem;line-height:1.1}
.row h3 span{display:block;font-family:'Archivo';font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-top:6px;font-weight:700}
.row p{font-size:.95rem;color:var(--bodylt2)}
.row .arr{font-family:'Newsreader',serif;font-size:1.6rem;color:var(--brasslt)}

/* ---------- atlas plate (Concept A import) ---------- */
.plate{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:26px 26px 18px;box-shadow:0 24px 50px rgba(0,0,0,.45)}
.plate svg{width:100%;height:auto;display:block}
.plate .platebar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:16px;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--ink)}
.plate .map-cap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--papersub);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;border-top:1.2px solid var(--ink);margin-top:14px;padding-top:10px;font-weight:700}
.scalebar{display:inline-flex;align-items:center;gap:0}
.scalebar i{display:inline-block;width:34px;height:7px;border:1.2px solid var(--ink)}
.scalebar i:first-child{background:var(--ink)}
.scalebar em{font-style:normal;margin-left:8px}
.legend{display:flex;gap:26px;flex-wrap:wrap;margin-top:18px}
.legend div{display:flex;gap:10px;align-items:baseline;font-size:.88rem;color:var(--bodylt)}
.legend .sw{width:16px;height:16px;flex:none;align-self:center;border:1px solid var(--line)}
.legend b{color:var(--paper)}
.territory{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}
.territory p{color:var(--bodylt);margin-top:16px}
.territory .honest{border-left:3px solid var(--rust);padding-left:16px;margin-top:22px}

/* ---------- poster band (Concept B import, rationed) ---------- */
.band-rust{background:var(--rust);color:var(--paper);padding:56px 0}
.band-rust .label{color:var(--paper2)}
.band-rust h2{font-family:var(--anton);font-weight:400;font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.02;text-transform:uppercase;letter-spacing:.01em;margin:12px 0 16px}
.band-rust p{color:var(--paper);max-width:52rem;font-size:1.05rem}
.band-rust a{color:var(--paper);font-weight:700}
.bignum{font-family:var(--anton);font-weight:400;line-height:.95}
.poster-nums{display:flex;gap:44px;flex-wrap:wrap;margin-top:10px}
.poster-nums .pn .n{font-family:var(--anton);font-size:clamp(2.6rem,5vw,4.4rem);color:var(--paper);line-height:1}
.poster-nums .pn .t{display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-top:6px;color:var(--bodylt2)}
.poster-nums .pn.onrust .t{color:var(--paper2)}

/* ---------- paper panels (documents & tables as artefacts) ---------- */
.paper{background:var(--paper);color:var(--ink);padding:34px 38px;box-shadow:0 24px 50px rgba(0,0,0,.45)}
.paper h2,.paper h3{color:var(--ink)}
.paper p{color:var(--inksoft);max-width:none}
.paper a{color:var(--rustdeep);font-weight:700}
.paper .small{color:var(--papersub)}
.paper .cap{font-family:'Newsreader',serif;font-weight:600;font-size:1.25rem;border-bottom:2.2px solid var(--ink);padding-bottom:10px;margin-bottom:8px}
table.reg{width:100%;border-collapse:collapse;font-size:.93rem}
table.reg caption{text-align:left;font-family:'Newsreader',serif;font-weight:600;font-size:1.2rem;padding:6px 0 12px;color:var(--ink)}
table.reg th, table.reg td{padding:11px 12px;border-bottom:1px solid #C9BC96;vertical-align:top;text-align:left}
table.reg thead th{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--papersub);border-bottom:2px solid var(--ink)}
table.reg tbody th{font-family:'Newsreader',serif;font-weight:600;font-size:1rem;width:24%}
table.reg td.num{font-family:var(--anton);font-weight:400;font-size:1.25rem;white-space:nowrap;color:var(--rustdeep)}
.tablewrap{overflow-x:auto}

/* ---------- process steps ---------- */
.steps{list-style:none;counter-reset:st;margin-top:30px;max-width:62rem}
.steps>li{display:grid;grid-template-columns:110px 1fr;gap:26px;padding:28px 0;border-bottom:1px solid var(--line)}
.steps>li::before{counter-increment:st;content:counter(st,decimal-leading-zero);font-family:'Newsreader',serif;font-style:italic;font-weight:600;font-size:2.6rem;line-height:1;color:var(--brasslt)}
.steps h3,.steps .stephead{font-family:'Newsreader',serif;font-weight:600;font-size:1.45rem;margin-bottom:8px;color:var(--paper)}
.steps p{color:var(--bodylt)}

/* ---------- checklist register ---------- */
.checkstage{display:grid;grid-template-columns:120px 1fr;gap:30px;padding:34px 0;border-bottom:1px solid var(--line)}
.checkstage .glyph{font-family:var(--anton);font-size:5.2rem;line-height:1;color:var(--brasslt)}
.checkstage h2{font-family:'Newsreader',serif;font-weight:600;font-size:1.7rem;margin-bottom:14px}
.checkitems{list-style:none}
.checkitems li{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:13px 0;border-bottom:1px dashed #454a58}
.checkitems li:last-child{border-bottom:0}
.checkitems .cid{font-weight:900;color:var(--brasslt);letter-spacing:.06em}
.checkitems strong{color:var(--paper);font-family:'Newsreader',serif;font-size:1.05rem}
.checkitems p{color:var(--bodylt2);font-size:.94rem;margin-top:3px}

/* ---------- traps wall ---------- */
.trap{display:grid;grid-template-columns:120px 1fr;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}
.trap .tnum{font-family:'Newsreader',serif;font-style:italic;font-weight:600;font-size:2.6rem;line-height:1;color:var(--brasslt)}
.trap h3{font-size:1.5rem;margin-bottom:8px}
.trap p{color:var(--bodylt)}
.trap .caught{margin-top:10px;font-size:.85rem;color:var(--bodylt2)}
.trap .caught a{font-weight:700}
.trap .sign{margin-top:6px;font-family:'Newsreader',serif;font-style:italic;color:var(--bodylt2)}

/* ---------- forms (trust flows stay in C register) ---------- */
form.case{max-width:760px}
.paper form.case{max-width:none}
.field{margin:16px 0}
.field label{display:block;font-weight:700;font-size:.92rem;margin-bottom:7px;color:inherit}
.field .req{color:var(--rust);font-weight:900}
.paper .field .req{color:var(--rustdeep)}
.field input[type=text],.field input[type=email],.field input[type=tel],.field select,.field textarea{
 width:100%;min-height:50px;padding:12px 14px;font:inherit;font-size:1rem;background:#FBF7EA;color:var(--ink);
 border:1.6px solid #8A7E5C;border-radius:0}
.field textarea{min-height:110px}
.field .hint{font-size:.8rem;color:var(--papersub);margin-top:5px}
.onroom .field .hint{color:var(--mute)}
.field .err{display:none;font-size:.85rem;font-weight:700;color:#B4431F;margin-top:5px}
.onroom .field .err{color:#E88A63}
.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:#B4431F;border-width:2.4px}
.field.invalid .err{display:block}
fieldset{border:1.4px solid var(--line);padding:20px 22px;margin:22px 0}
.paper fieldset{border-color:#B4A678}
fieldset legend{font-family:'Newsreader',serif;font-weight:600;font-size:1.15rem;padding:0 8px}
.checkline{display:flex;gap:12px;align-items:flex-start;margin:10px 0}
.checkline input[type=checkbox]{width:26px;height:26px;flex:none;margin-top:2px;accent-color:var(--rust)}
.checkline label{font-size:.95rem}
.checkline .err{display:none}
.checkline.invalid .err{display:block}
button.submit,.submit{display:inline-block;background:var(--brass);color:var(--room);border:0;font-family:'Archivo';font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;padding:16px 30px;min-height:54px;cursor:pointer}
button.submit:hover{background:var(--paper)}
button.submit[disabled]{background:transparent;border:2px dashed #8A8474;color:#6E675A;cursor:not-allowed}
::placeholder{color:#6B6455;opacity:1}
form input[disabled],form select[disabled],form textarea[disabled]{opacity:.55}
.panel-note{margin-top:20px;border-left:3px solid var(--moss);background:var(--room2);padding:18px 20px}
.panel-note p{color:var(--bodylt)}
.panel-note.red{border-left-color:var(--rust)}
.panel-note strong{color:var(--paper)}

/* ---------- FAQ correspondence ---------- */
details.faq{border-bottom:1px solid var(--line);padding:6px 0}
details.faq summary{font-family:'Newsreader',serif;font-weight:600;font-size:1.25rem;padding:16px 34px 16px 0;cursor:pointer;list-style:none;position:relative;color:var(--paper)}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";position:absolute;right:4px;top:6px;font-family:var(--anton);font-size:2.1rem;color:var(--brass)}
details.faq[open ] summary::after{content:"–"}
details.faq p{color:var(--bodylt);padding:0 0 20px;max-width:46rem}

/* ---------- lit variant (Talent doorway) ---------- */
.lit{background:var(--paper);color:var(--ink)}
.lit .label{color:var(--rustdeep)}
.lit h1,.lit h2.sec{color:var(--ink)}
.lit h1 em,.lit h2 em{color:var(--rustdeep)}
.lit p{color:var(--inksoft)}
.lit .lede{color:var(--inksoft)}
.lit .lede b,.lit .lede strong{color:var(--ink)}
.lit a{color:var(--rustdeep)}
.lit .btn.ghost{border-color:#8A7E5C;color:var(--ink)}
.lit .btn.ghost:hover{border-color:var(--ink);color:var(--ink)}
.lit :focus-visible{outline-color:var(--rustdeep)}
.lit .steps>li{border-bottom-color:#C9BC96}
.lit .steps h3{color:var(--ink)}
.lit .steps p{color:var(--inksoft)}
.lit .steps>li::before{color:var(--rustdeep)}
.bluegrid{background-image:linear-gradient(#D8CCa4 1px,transparent 1px),linear-gradient(90deg,#D8CCA4 1px,transparent 1px);background-size:28px 28px}

/* ---------- diagrams ---------- */
.diagram{border:1px solid var(--line);background:var(--room2);padding:26px}
.diagram svg{width:100%;height:auto;display:block}
.diagram .dcap{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-top:14px;font-weight:700}

/* ---------- pricing plates ---------- */
.priceplate{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;padding:38px 0;border-bottom:1px solid var(--line);align-items:start}
.priceplate .pp-head .svc{font-family:'Newsreader',serif;font-weight:600;font-size:1.8rem}
.priceplate .pp-nums{display:flex;gap:34px;flex-wrap:wrap;margin-top:14px}
.priceplate .pp-nums .pn .n{font-family:var(--anton);font-size:clamp(2.4rem,4.4vw,3.8rem);line-height:1;color:var(--brasslt)}
.priceplate .pp-nums .pn .t{display:block;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-top:5px;font-weight:700}
.priceplate p{color:var(--bodylt)}

/* ---------- status strip + footer ---------- */
.status{border-top:1px solid var(--line);padding:56px 0}
.status .inner{display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:start}
.status .serif{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15}
.status p{color:var(--bodylt);max-width:56rem}
.status a{font-weight:700}
footer.site{border-top:1px solid var(--line);padding:48px 38px 28px;color:var(--bodylt2)}
footer.site .f-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
footer.site p,footer.site li{font-size:.9rem}
footer.site ul{list-style:none}
footer.site li{padding:4px 0}
footer.site a{color:var(--bodylt2);text-decoration:none;border-bottom:1px solid var(--rust)}
footer.site a:hover{color:var(--paper)}
footer.site .fh{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);font-weight:700;margin-bottom:10px}
footer.site .colophon{max-width:1500px;margin:30px auto 0;color:var(--mute);font-size:.85rem}
.coords{max-width:1500px;margin:26px auto 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:14px;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:#98917C;font-weight:700}

/* ---------- page hero (interior) ---------- */
.phead{padding:56px 0 8px}
.phead .lede{margin-top:20px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.split.wide-l{grid-template-columns:1.25fr 1fr}
.split.wide-r{grid-template-columns:1fr 1.25fr}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.doccard{background:var(--paper);color:var(--ink);padding:28px 30px;box-shadow:0 18px 40px rgba(0,0,0,.4)}
.doccard.tilt-l{transform:rotate(-1deg)}
.doccard.tilt-r{transform:rotate(1deg)}
.doccard h3{margin-bottom:10px}
.doccard p,.doccard li{color:var(--inksoft)}
.doccard a{color:var(--rustdeep);font-weight:700}
.doccard ul{margin:8px 0 8px 1.15rem}
.doccard ul li{margin:6px 0}
.doccard :focus-visible{outline-color:var(--rustdeep)}

/* stage ladder (Build Watch) */
.ladder{list-style:none;margin-top:26px}
.ladder li{display:grid;grid-template-columns:86px 1fr;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}
.ladder .sn{font-family:'Newsreader',serif;font-style:italic;font-weight:600;font-size:2.2rem;color:var(--brasslt);line-height:1}
.ladder h3{font-size:1.3rem;margin-bottom:5px}
.ladder p{color:var(--bodylt)}

/* 404 poster */
.notfound{padding:70px 0 30px;text-align:left}
.notfound .anton404{font-family:var(--anton);font-size:clamp(6rem,22vw,17rem);line-height:.9;color:var(--paper)}
.notfound .anton404 span{color:var(--rust)}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
 html{scroll-behavior:auto}
 .doc{transform:none}
 .doccard.tilt-l,.doccard.tilt-r{transform:none}
}

/* ---------- responsive ---------- */
@media(max-width:1180px){
 nav.main{gap:15px}
 nav.main a{font-size:.7rem}
}
@media(max-width:1080px){
 .hero{grid-template-columns:1fr;gap:44px}
 .slot-grid{grid-template-columns:1fr}
 .row{grid-template-columns:52px 1fr;gap:16px}.row p{grid-column:2}.row .arr{display:none}
 .territory{grid-template-columns:1fr}
 .status .inner{grid-template-columns:1fr;gap:16px}
 footer.site .f-grid{grid-template-columns:1fr 1fr}
 .split,.split.wide-l,.split.wide-r,.two-col,.priceplate{grid-template-columns:1fr}
 .checkstage,.trap{grid-template-columns:64px 1fr;gap:18px}
 .checkstage .glyph{font-size:3.4rem}
 .steps>li{grid-template-columns:64px 1fr;gap:18px}
 .steps>li::before{font-size:2.2rem}
 .navtoggle{display:block}
 nav.main{display:none;position:absolute;top:100%;left:0;right:0;background:var(--room2);flex-direction:column;align-items:stretch;gap:0;padding:10px 18px 18px;border-bottom:1px solid var(--line)}
 nav.main.open{display:flex}
 nav.main a{padding:14px 6px;font-size:.85rem;border-bottom:1px solid var(--line)}
 nav.main a.cta{text-align:center;margin-top:12px;border-bottom:1.6px solid var(--brass)}
 header.site{padding:14px 18px}
}
@media(max-width:560px){
 .wrap{padding:0 18px}
 .hero{padding:44px 18px 50px}
 section.blk{padding:44px 0}
 .doc{padding:24px 20px}
 .doc .exhibits{grid-template-columns:1fr}
 .paper{padding:24px 18px}
 .fband{grid-template-columns:1fr;gap:10px}
 footer.site{padding:40px 18px 24px}
 footer.site .f-grid{grid-template-columns:1fr 1fr}
 footer.site .f-grid>*:first-child{grid-column:1/-1}
 h1{font-size:2.45rem}
 .facts{gap:22px}
 table.reg th, table.reg td{padding:9px 8px}
}

/* ---------- audit-fix round (gate v3 findings B-1..B-5, M-1..M-9) ---------- */
.vflow{display:none}
@media(max-width:1080px){
 .hero{display:flex;flex-direction:column;align-items:stretch}
 .hero>div:first-child{display:contents}
 .hero .label{order:0}.hero h1{order:1}.hero .lede{order:2}.hero .stage{order:3}
 .hero .cta-row{order:4}.hero .facts{order:5}.hero .lede~.lede{order:6}
 .phead .split{display:flex;flex-direction:column;align-items:stretch}
 .phead .split>div:first-child{display:contents}
 .phead .split>*{order:5}
 .phead .split .label{order:0}.phead .split h1{order:1}.phead .split .lede{order:2}
 .phead .split figure,.phead .split .figcol{order:3}
 .phead .split .poster-nums{order:4}.phead .split .cta-row{order:4}
 .phead .split .small{order:6}
}
@media(max-width:760px){
 .diagram.wide svg{display:none}
 .vflow{display:block;list-style:none;margin:0;padding:0}
 .vflow li{border:1px solid var(--line2,#3A3E49);background:var(--room);padding:13px 16px;margin:0 0 24px;position:relative}
 .vflow li b{display:block;font-family:'Archivo';font-weight:700;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:var(--paper)}
 .vflow li span{font-size:.9rem;color:var(--bodylt2)}
 .vflow li::after{content:"↓";position:absolute;left:50%;transform:translateX(-50%);bottom:-23px;color:var(--brasslt);font-size:1rem;line-height:1}
 .vflow li:last-child{margin-bottom:0}
 .vflow li:last-child::after{display:none}
 .vflow li.beside{border-color:var(--rust);border-style:dashed}
 .tablewrap{overflow:visible}
 table.reg{display:block;width:100%}
 table.reg thead{display:none}
 table.reg tbody{display:block}
 table.reg tr{display:block;padding:12px 0;border-bottom:1px solid #C9BC96}
 table.reg th,table.reg td{display:block;width:auto;border:0;padding:3px 0;text-align:left}
 table.reg th{font-weight:700}
 .doc table.reg tr{border-bottom-color:#D8CDB2}
}
@media(max-width:760px){
 .brand small{white-space:normal;letter-spacing:.18em}
}
@media(max-width:760px){
 table.reg tbody th{width:auto}
 table.reg td[data-label]::before{content:attr(data-label);display:block;font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--rustdeep);margin-bottom:2px}
}
.checkstage.calm .glyph{font-family:'Newsreader',serif;font-style:italic;font-weight:600;font-size:2.6rem;color:var(--brasslt)}

/* ---- v4 family layer (appended to the v3 Evidence Room system) ---- */
.familybar{background:var(--room3);border-bottom:1px solid var(--line);display:flex;gap:22px;align-items:center;padding:8px 38px;flex-wrap:wrap}
.familybar .fb-label{font-size:.62rem;font-weight:900;letter-spacing:.26em;text-transform:uppercase;color:var(--mute)}
.familybar nav{display:flex;gap:16px;flex-wrap:wrap}
.familybar nav a{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bodylt2);text-decoration:none;padding:4px 0}
.familybar nav a:hover{color:var(--paper)}
.familybar nav a[aria-current="true"]{color:var(--accent,var(--brasslt));box-shadow:inset 0 -2px 0 var(--accent,var(--brass))}
.label{color:var(--accent,var(--brass))}
.banded .band-art{margin-top:34px;max-width:560px}
.banded .band-art .plate{padding:14px}
.hero.flip{grid-template-columns:1.08fr 1fr}
.hero.stack{display:block;padding-bottom:0}
.hero.stack .stack-art{max-width:1500px;margin:34px auto 0;padding:0 38px 54px}
.hero.doccentre{display:block;text-align:left}
.hero.doccentre .doc{margin-top:36px}
section.pricestrip{padding:56px 0}
.pricestrip .ps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:26px}
.fammap{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:30px}
.fammap article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 26px 22px}
.fammap .fm-num{font-family:'Newsreader',serif;font-style:italic;font-size:1.5rem;color:var(--accent,var(--brass))}
.fammap h3{font-size:1.35rem;margin:8px 0 8px}
.fammap p{font-size:.95rem;color:var(--bodylt);max-width:none}
.fammap .fm-price{margin-top:12px;font-weight:900;letter-spacing:.06em;color:var(--paper)}
.fammap .fm-link{margin-top:12px}
.docrows{margin-top:14px;border-top:1.6px solid var(--ink)}
.docrows .dr{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #20241C33;font-size:.9rem;color:var(--inksoft)}
.docrows .dr b{color:var(--ink);font-weight:700}
.stagetrack{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;border-top:3px solid var(--accent,var(--brass));padding-top:22px}
.stagetrack .st{position:relative;padding:2px 4px 0 0}
.stagetrack .st::before{content:"";position:absolute;top:-30px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--accent,var(--brass))}
.stagetrack .st .sn{font-family:'Anton',sans-serif;font-size:1.7rem;color:var(--accent,var(--brasslt));line-height:1}
.stagetrack .st .sl{margin-top:8px;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bodylt)}
.stagetrack .st .ss{margin-top:6px;font-size:.8rem;color:var(--mute)}
@media (max-width:900px){.stagetrack{grid-template-columns:repeat(2,1fr)}}
.maplabels{position:absolute;inset:0;pointer-events:none}
.maplabels span{position:absolute;font-weight:700;font-size:11px;letter-spacing:.14em;color:#7A2E12;background:rgba(244,234,214,.92);padding:2px 7px;border:1px solid #7A2E12}
.maplegend{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px;font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--bodylt)}
.maplegend i{display:inline-block;width:12px;height:12px;margin-right:7px;border:1px solid rgba(0,0,0,.35);vertical-align:-1px}
@media (max-width:760px){
 .familybar{padding:8px 20px;gap:12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 .familybar::-webkit-scrollbar{display:none}
 .familybar nav{flex-wrap:nowrap}
 .familybar nav a{white-space:nowrap}
 .hero.flip{grid-template-columns:1fr}
 .hero .artside{order:-1}
 .hero figure{order:-1}
 .banded .band-art{max-width:none}
}
/* ---- gate R3 fixes ---- */
/* Mobile heroes lead with the artefact across the family: where the hero's
   document is a direct .stage child (apex home, care home via .artside's
   display:contents), the v3 interleave put it after the lede (order 3) —
   R2 failed care M-CARE-3 and noted apex M-2 for exactly that. Artefacts
   wrapped in <figure> are flex items themselves and unaffected. */
@media(max-width:1080px){
 .hero .stage{order:-1}
}
/* Build Watch six-movements track: in the two-column reflow the node dots
   keep desktop absolute positions and land on body text (R2-BW-1). The
   track rule and numerals carry the device; the dots are suppressed
   wherever the track is two columns. */
@media(max-width:900px){
 .stagetrack .st::before{display:none}
}
/* Desktop nav compaction (R2-V-2 root cause): the wide-nav sites' natural
   nav width exceeds the header at 1440 — verify's nav measured 1210px
   against 942px available (nav right edge 1670, the "1679px captures"),
   apex overflowed by 29px. Between the hamburger breakpoint and wide
   monitors, tighten the nav so every site's header fits its viewport and
   a 1440 render is a true 1440. Scoped above 1080 so the mobile dropdown
   rules are untouched. */
@media(min-width:1081px) and (max-width:1760px){
 header.site{padding-left:26px;padding-right:26px}
 nav.main{gap:10px}
 nav.main a{font-size:.68rem;letter-spacing:.05em}
 nav.main a.cta{padding:10px 12px}
}

/* ---- site tokens: inspect (inspect.naijaclan.com) ---- */
:root{--accent:#C0B283;--brass:#97885A;--brasslt:#C0B283;--rust:#6B5518;--rustdeep:#4E3D10;}