
:root{
  --navy:#071a2b;
  --navy2:#0d2b45;
  --navy3:#173a57;
  --gold:#efc84a;
  --gold2:#fff4c7;
  --red:#9f272d;
  --red2:#7d2024;
  --cream:#f4f0e7;
  --paper:#fffdf9;
  --ink:#17212b;
  --muted:#58636d;
  --line:#d3cec3;
  --soft:#eef2f4;
  --green:#2e6a4c;
  --focus:#65b9ee;
  --max:1180px;
  --reading:820px;
  --shadow:0 12px 30px rgba(7,26,43,.09);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--cream);
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:19px;
  line-height:1.62;
}
img,video,audio{max-width:100%}
a{color:#0b5687;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
button,input,textarea,select{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{
  outline:4px solid var(--focus);
  outline-offset:3px;
  border-radius:4px;
}
.skip-link{
  position:absolute;
  top:-100px;
  left:12px;
  z-index:9999;
  background:#fff;
  color:#000;
  border:3px solid #000;
  padding:10px 14px;
  font-size:16px;
  font-weight:900;
}
.skip-link:focus{top:10px}

/* Voting banner */
.vote-banner{
  background:var(--gold);
  color:#101820;
  border-bottom:2px solid #92751e;
}
.vote-countdown{
  max-width:var(--max);
  margin:auto;
  min-height:48px;
  padding:7px 18px 3px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  font-weight:900;
}
.vote-title{
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:.045em;
  white-space:nowrap;
}
.vote-count{
  display:flex;
  align-items:baseline;
  gap:6px;
  white-space:nowrap;
}
.vote-count strong{
  color:var(--red2);
  font-size:24px;
  line-height:1;
}
.vote-count span{font-size:15px}
.vote-divider{width:1px;height:28px;background:#92751e}
.vote-cta{
  max-width:var(--max);
  margin:auto;
  padding:0 18px 9px;
  text-align:center;
}
.vote-cta a{
  color:var(--navy);
  font-size:15px;
  font-weight:1000;
  letter-spacing:.025em;
}

/* Header */
.site-header{
  position:sticky;
  top:0;
  z-index:60;
  background:var(--navy);
  color:#fff;
  border-bottom:5px solid var(--gold);
}
.header-inner{
  max-width:var(--max);
  min-height:72px;
  margin:auto;
  padding:9px 18px;
  display:flex;
  align-items:center;
  gap:18px;
}
.brand{
  flex:0 0 auto;
  color:#fff;
  text-decoration:none;
  font-size:21px;
  line-height:1.05;
  font-weight:1000;
  white-space:nowrap;
}
.menu-toggle{
  display:none;
  margin-left:auto;
  min-height:46px;
  padding:8px 13px;
  border:2px solid #7f94a6;
  background:transparent;
  color:#fff;
  font-weight:900;
  border-radius:5px;
  cursor:pointer;
}
.primary-nav{margin-left:auto;min-width:0}
.nav-row{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:2px;
  list-style:none;
  margin:0;
  padding:0;
}
.nav-row>li{position:relative;flex:0 0 auto}
.nav-row>li>a,.nav-menu summary{
  min-height:46px;
  display:flex;
  align-items:center;
  padding:8px 11px;
  color:#fff;
  text-decoration:none;
  font-size:15px;
  font-weight:850;
  white-space:nowrap;
  border-radius:4px;
}
.nav-row>li>a:hover,.nav-menu summary:hover,.nav-menu[open] summary,.nav-row>li>a[aria-current="page"]{
  background:var(--navy3);
}
.nav-menu{position:relative}
.nav-menu summary{cursor:pointer;list-style:none}
.nav-menu summary::-webkit-details-marker{display:none}
.nav-menu summary::after{
  content:"▾";
  margin-left:6px;
  color:var(--gold);
  font-size:12px;
}
.drop{
  position:absolute;
  top:calc(100% + 7px);
  left:0;
  z-index:90;
  min-width:275px;
  max-width:340px;
  margin:0;
  padding:7px;
  list-style:none;
  background:#fff;
  color:var(--ink);
  border:1px solid #c8c3b9;
  border-top:5px solid var(--gold);
  box-shadow:0 14px 30px rgba(0,0,0,.22);
  border-radius:0 0 5px 5px;
}
.drop.right{left:auto;right:0}
.drop a{
  min-height:44px;
  display:flex;
  align-items:center;
  padding:8px 10px;
  color:#162635;
  text-decoration:none;
  font-size:16px;
  line-height:1.28;
  font-weight:800;
  border-radius:3px;
}
.drop a:hover,.drop a[aria-current="page"]{background:#eef3f6}
.independence{
  background:#efe4c9;
  border-bottom:1px solid #d5c394;
}
.independence-inner{
  max-width:var(--max);
  margin:auto;
  padding:8px 18px;
  font-size:14px;
  line-height:1.45;
  font-weight:750;
}

/* Layout */
main{max-width:var(--max);margin:auto;padding:34px 18px 72px}
.reading{max-width:var(--reading)}
.page-hero{
  background:var(--paper);
  border:1px solid var(--line);
  border-top:8px solid var(--gold);
  box-shadow:var(--shadow);
  padding:30px;
  margin-bottom:26px;
}
.eyebrow{
  margin:0 0 5px;
  color:var(--red);
  font-size:14px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.065em;
}
h1,h2,h3{color:var(--navy);line-height:1.12}
h1{margin:.1em 0 .35em;font-size:clamp(38px,5vw,64px)}
h2{font-size:clamp(27px,3.5vw,38px);margin:1.2em 0 .45em}
h3{font-size:22px;margin:1em 0 .35em}
.lede{max-width:860px;margin:.25em 0 0;font-size:21px;line-height:1.55}
.kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  padding:5px 9px;
  background:var(--gold2);
  color:#4c3a00;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  border-radius:999px;
}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.button{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 15px;
  border:2px solid var(--navy);
  background:var(--navy);
  color:#fff;
  text-decoration:none;
  font-size:15px;
  font-weight:950;
  border-radius:4px;
}
.button.gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.button.outline{background:transparent;color:var(--navy)}
.button.red{background:var(--red);border-color:var(--red)}
.text-link{font-weight:900}

/* Cards */
.grid{display:grid;gap:16px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{
  background:var(--paper);
  border:1px solid var(--line);
  box-shadow:0 6px 18px rgba(7,26,43,.055);
  padding:20px;
}
.card.gold-top{border-top:6px solid var(--gold)}
.card.red-top{border-top:6px solid var(--red)}
.card.navy-top{border-top:6px solid var(--navy)}
.card h2,.card h3{margin-top:0}
.card p:last-child{margin-bottom:0}
.stat{
  background:var(--navy);
  color:#fff;
  min-height:155px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:22px;
  text-align:center;
}
.stat strong{display:block;color:var(--gold);font-size:52px;line-height:1}
.stat span{font-size:16px;font-weight:850}
.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fact{
  padding:15px;
  background:#fff;
  border-left:6px solid var(--gold);
  border-top:1px solid var(--line);
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.fact b{color:var(--navy)}
.note{
  margin:20px 0;
  padding:16px 18px;
  background:#fff8df;
  border-left:7px solid var(--gold);
}
.caution{
  margin:20px 0;
  padding:16px 18px;
  background:#eef2f4;
  border-left:7px solid var(--navy);
  font-size:16px;
}
.danger-note{
  margin:20px 0;
  padding:16px 18px;
  background:#f8e7e8;
  border-left:7px solid var(--red);
}

/* Evidence */
.evidence-card{
  display:flex;
  flex-direction:column;
  min-height:220px;
}
.evidence-type{
  color:var(--red);
  font-size:13px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.evidence-card h3{font-size:23px}
.evidence-card .meta{color:var(--muted);font-size:15px}
.evidence-actions{margin-top:auto;padding-top:14px;display:flex;gap:8px;flex-wrap:wrap}
.tag{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:3px 8px;
  border-radius:999px;
  background:#edf1f3;
  color:#34404a;
  font-size:12px;
  font-weight:900;
}
.tag.documented{background:#e1f1e8;color:#1c583b}
.tag.question{background:#fff1bf;color:#664f00}
.tag.unknown{background:#eceff1;color:#59656e}

/* Timeline */
.timeline{position:relative;margin:24px 0}
.timeline::before{
  content:"";
  position:absolute;
  left:18px;
  top:0;
  bottom:0;
  width:4px;
  background:#c8c2b5;
}
.timeline-item{
  position:relative;
  margin:0 0 18px;
  padding:0 0 0 52px;
}
.timeline-item::before{
  content:"";
  position:absolute;
  left:9px;
  top:8px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:var(--gold);
  border:4px solid var(--navy);
}
.timeline-date{color:var(--red);font-weight:1000;font-size:15px;text-transform:uppercase}
.timeline-body{
  background:#fff;
  border:1px solid var(--line);
  padding:16px;
}
.timeline-body h3{margin-top:0}

/* Quote/timestamp panels */
.timestamp-list{display:grid;gap:9px}
.timestamp{
  display:grid;
  grid-template-columns:86px 1fr;
  gap:12px;
  padding:12px 14px;
  background:#fff;
  border:1px solid var(--line);
}
.time{
  color:var(--red);
  font-weight:1000;
  font-variant-numeric:tabular-nums;
}
.quote{
  margin:18px 0;
  padding:20px;
  background:var(--navy);
  color:#fff;
  border-left:8px solid var(--gold);
  font-size:23px;
  line-height:1.4;
}
.quote cite{display:block;margin-top:8px;color:#d9e2e8;font-size:14px;font-style:normal}
.compare{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.compare>div{padding:20px;border:1px solid var(--line);background:#fff}
.compare .left{border-top:6px solid var(--navy)}
.compare .right{border-top:6px solid var(--red)}
.big-word{
  color:var(--red);
  font-size:clamp(42px,7vw,78px);
  line-height:.95;
  font-weight:1000;
  letter-spacing:-.03em;
}

/* People */
.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.person-card{
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.photo-placeholder{
  aspect-ratio:4/3;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:linear-gradient(145deg,#d9dde0,#f5f6f7);
  color:#66717a;
  border-bottom:6px solid var(--gold);
  text-align:center;
}
.photo-placeholder .initials{
  width:92px;height:92px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--navy);color:#fff;
  font-size:34px;font-weight:1000;
}
.photo-placeholder small{font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.person-body{padding:20px}
.person-body h2,.person-body h3{margin-top:0}
.role{color:var(--red);font-weight:900}
.profile-grid{
  display:grid;
  grid-template-columns:minmax(260px,370px) 1fr;
  gap:22px;
  align-items:start;
}
.profile-photo .photo-placeholder{aspect-ratio:3/4}
.record-list{display:grid;gap:8px}
.record-row{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:12px;
  padding:9px 0;
  border-bottom:1px solid var(--line);
}
.record-row b{color:var(--navy)}

/* Questions */
.questions-tools{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin:18px 0;
}
.questions-tools input,.questions-tools select{
  min-height:48px;
  border:2px solid #abb4bb;
  background:#fff;
  padding:9px 11px;
}
.questions-tools input{flex:1;min-width:240px}
.question-list{display:grid;gap:10px}
.question-card{
  background:#fff;
  border:1px solid var(--line);
  border-left:7px solid var(--gold);
  padding:16px;
}
.question-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:6px;
}
.question-status{
  padding:3px 8px;
  border-radius:999px;
  background:#fff1bf;
  color:#624d00;
  font-size:12px;
  font-weight:950;
}
.question-text{font-weight:800;font-size:18px}

/* Public comments */
.comments-teaser,.comments-feed{display:grid;gap:12px}
.comment-empty{
  padding:24px;
  border:1px dashed #9da7ae;
  background:#fff;
  text-align:center;
}
.comment-card{
  padding:18px;
  border:1px solid var(--line);
  background:#fff;
}
.comment-meta{color:var(--muted);font-size:14px;font-weight:850}
.comment-card p{margin:6px 0 0}
.comments-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

/* Forms */
.form-card{
  max-width:760px;
  background:#fff;
  border:1px solid var(--line);
  border-top:8px solid var(--gold);
  box-shadow:var(--shadow);
  padding:28px;
}
.field{margin:0 0 22px}
.field label,.field legend{
  display:block;
  margin:0 0 7px;
  color:var(--navy);
  font-size:18px;
  font-weight:850;
}
.optional{color:var(--muted);font-size:15px;font-weight:600}
.field input[type="text"],.field input[type="email"],.field textarea,.field select{
  width:100%;
  min-height:50px;
  border:2px solid #aeb6bc;
  border-radius:5px;
  background:#fff;
  color:#111;
  padding:11px 12px;
}
.field textarea{min-height:180px;resize:vertical}
fieldset.field{border:0;padding:0}
.location-list{display:grid;gap:9px}
.check{
  min-height:50px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:10px 12px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:5px;
  cursor:pointer;
  color:var(--ink);
  font-size:18px;
  font-weight:750;
}
.check input{width:21px;height:21px;margin:0;accent-color:var(--navy)}
.outside-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}
.outside-row input[type="text"]{
  min-height:50px;
  width:100%;
  border:2px solid #aeb6bc;
  border-radius:5px;
  padding:11px 12px;
}
.permission{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin:8px 0 20px;
  padding:14px;
  background:#f1f4f5;
  border-radius:5px;
}
.permission input{width:21px;height:21px;margin:3px 0 0;accent-color:var(--navy)}
.permission label{font-size:17px;font-weight:700}
.form-note{font-size:15px;color:var(--muted)}

/* Dual lenses */
.lenses{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.lens{
  padding:20px;
  background:#fff;
  border:1px solid var(--line);
}
.lens:first-child{border-top:7px solid var(--navy)}
.lens:last-child{border-top:7px solid var(--red)}
.lens h3{margin-top:0}
.same-record{
  margin:18px 0 0;
  padding:14px;
  background:var(--gold2);
  text-align:center;
  font-weight:950;
}

/* Footer */
.site-footer{
  background:var(--navy);
  color:#fff;
  border-top:5px solid var(--gold);
}
.footer-inner{max-width:var(--max);margin:auto;padding:20px 18px}
.footer-links{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:11px;
}
.footer-links a{color:#fff;font-size:16px;font-weight:850}
.footer-dot{color:var(--gold);font-weight:1000}
.footer-note{
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid #355069;
  color:#d4dde5;
  text-align:center;
  font-size:14px;
}

/* Every page exits */
.page-exits{
  margin-top:34px;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  background:var(--navy);
  color:#fff;
  border-left:8px solid var(--gold);
}
.page-exits a{color:#fff;font-weight:950}

/* Responsive */
@media(max-width:1000px){
  .header-inner{gap:10px}
  .brand{font-size:18px}
  .nav-row>li>a,.nav-menu summary{font-size:14px;padding:7px 8px}
  .grid.four{grid-template-columns:repeat(2,1fr)}
  .people-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:880px){
  body{font-size:18px}
  .menu-toggle{display:block}
  .header-inner{flex-wrap:wrap}
  .primary-nav{
    display:none;
    width:100%;
    margin-left:0;
    padding:8px 0 4px;
  }
  .primary-nav.open{display:block}
  .nav-row{
    align-items:stretch;
    flex-direction:column;
    width:100%;
  }
  .nav-row>li>a,.nav-menu summary{
    width:100%;
    font-size:17px;
    padding:9px 11px;
  }
  .drop,.drop.right{
    position:static;
    min-width:0;
    max-width:none;
    width:100%;
    margin:3px 0 7px;
    box-shadow:none;
    border-top:4px solid var(--gold);
  }
  .drop a{font-size:17px}
  .vote-countdown{flex-wrap:wrap;gap:6px 13px}
  .vote-title{width:100%;text-align:center}
  .vote-divider{display:none}
  .grid.three,.people-grid{grid-template-columns:1fr}
  .profile-grid{grid-template-columns:1fr}
  .profile-photo{max-width:430px}
  .lenses,.compare{grid-template-columns:1fr}
}
@media(max-width:680px){
  main{padding:24px 12px 54px}
  .page-hero{padding:22px 18px}
  h1{font-size:38px}
  .lede{font-size:19px}
  .grid.two,.grid.four,.fact-grid{grid-template-columns:1fr}
  .timestamp{grid-template-columns:70px 1fr}
  .record-row{grid-template-columns:1fr;gap:2px}
  .outside-row{grid-template-columns:1fr}
  .form-card{padding:22px 18px}
  .question-top{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/* Current evidence build additions */
.receipts-section{margin-top:36px;padding-top:12px;border-top:4px solid var(--gold,#e3b341)}
.receipt-block{margin:24px 0;padding:22px;background:var(--paper,#fffdf8);border:1px solid var(--line,#d8d4ca);box-shadow:0 8px 20px rgba(7,26,43,.08)}
.receipt-block .eyebrow{margin-bottom:12px}
.timestamp-list.numbered .time{min-width:105px}
audio,video{display:block;width:100%;max-width:100%;margin:14px 0;border-radius:8px;background:#111}
video{aspect-ratio:16/9;object-fit:contain}
@media (max-width:700px){.receipt-block{padding:16px}.timestamp-list.numbered .time{min-width:auto}.timestamp{grid-template-columns:1fr!important;gap:4px!important}}

/* ===== MCSOA VISUAL SYSTEM REBUILD · AUG 27 2026 ===== */
.brand{display:grid;grid-template-columns:auto auto;column-gap:5px;align-items:end;line-height:.9}
.brand-main{font-size:25px;font-weight:1000;letter-spacing:.035em}.brand-accent{font-size:17px;font-weight:1000;color:var(--gold);letter-spacing:.04em}.brand-tag{grid-column:1/3;color:#aebdcc;font-size:8px;letter-spacing:.11em;margin-top:5px}
.ghost-light{background:transparent!important;color:#fff!important;border-color:#fff!important}.ghost-light:hover{background:#fff!important;color:var(--navy)!important}
.impact-kicker{margin:0 0 10px;color:var(--gold);font-size:13px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}.section-kicker-red{margin:0 0 8px;color:#e44d52;font-weight:1000;letter-spacing:.08em;font-size:13px}.section-heading p{margin:0;color:var(--red);font-weight:1000;letter-spacing:.1em;font-size:13px}.section-heading h2{margin:.25em 0 .65em}.section-heading.dark h2{color:#fff}.section-heading.dark p{color:var(--gold)}
.visual-home main{max-width:none;padding:0}.visual-home .receipts-section,.visual-home .page-exits{max-width:var(--max);margin-left:auto;margin-right:auto}.impact-hero{min-height:650px;background:radial-gradient(circle at 78% 20%,#24425b 0,#0d2235 34%,#07131f 66%,#03080d 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:44px;align-items:center;padding:72px max(24px,calc((100vw - var(--max))/2));position:relative;overflow:hidden}.impact-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 57%,rgba(239,200,74,.09) 57% 58%,transparent 58% 100%);pointer-events:none}.impact-copy{position:relative;z-index:1}.impact-copy h1{color:#fff;font-size:clamp(46px,6.3vw,84px);letter-spacing:-.045em;margin:.1em 0 .28em;line-height:.91;max-width:900px}.impact-copy h1 em{font-style:normal;color:#f34b50}.impact-lede{max-width:820px;color:#d7e0e8;font-size:20px;line-height:1.55}.impact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-record-panel{background:rgba(4,12,20,.74);border:1px solid #426079;border-top:7px solid var(--gold);padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.35);position:relative;z-index:1}.hero-case{padding-bottom:18px;border-bottom:1px solid #3b5367}.hero-case span{display:block;color:#aabcca;font-size:11px;font-weight:900;letter-spacing:.11em}.hero-case strong{display:block;color:var(--gold);font-size:28px;margin-top:3px}.hero-mini{padding:15px 0;border-bottom:1px solid #2b4052}.hero-mini:last-child{border-bottom:0}.hero-mini b,.hero-mini span{display:block}.hero-mini b{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.hero-mini span{color:#c9d5de;font-size:15px;margin-top:3px}
.five-second-case{background:#f4f1eb;display:grid;grid-template-columns:1.15fr repeat(5,1fr);border-bottom:1px solid #cfc7bb}.five-label{background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;font-weight:1000;font-size:17px;letter-spacing:.05em}.metric-cell{min-height:170px;padding:22px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--navy);text-decoration:none;border-right:1px solid #d7d0c5}.metric-cell:hover{background:#fff}.metric-cell strong{font-size:43px;line-height:1;color:var(--red)}.metric-cell b{font-size:14px;margin-top:9px;line-height:1.2}.metric-cell small{font-size:12px;color:#66717a;margin-top:6px;line-height:1.3}.metric-icon{font-size:38px;color:var(--red);line-height:1}
.record-showcase{background:#0b1824;color:#fff;padding:64px max(24px,calc((100vw - var(--max))/2))}.visual-record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.visual-record-card{background:#fff;color:var(--ink);box-shadow:0 18px 40px rgba(0,0,0,.24);display:flex;flex-direction:column;min-width:0}.record-thumb{height:205px;overflow:hidden;background:#dfe4e7;border-bottom:5px solid var(--red);display:flex;align-items:center;justify-content:center}.record-thumb img{width:100%;height:100%;object-fit:cover}.record-thumb.waveform{background:#05090c;padding:20px}.record-thumb.waveform img{object-fit:contain}.record-copy{padding:18px;display:flex;flex-direction:column;height:100%}.record-copy span{font-size:11px;font-weight:1000;color:var(--red);letter-spacing:.1em}.record-copy h3{font-size:21px;margin:.35em 0}.record-copy p{font-size:15px}.record-copy a{margin-top:auto;font-size:13px;font-weight:1000;color:var(--red)}
.chain-section{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;background:#121212;color:#fff;padding:68px max(24px,calc((100vw - var(--max))/2))}.chain-copy h2{color:#fff;font-size:clamp(36px,5vw,62px);max-width:740px;margin:.15em 0 .35em}.chain-copy p:not(.section-kicker-red){color:#cbd0d5;max-width:770px}.accountability-card{border:1px solid #484848;border-left:7px solid var(--gold);background:#080808;padding:28px}.accountability-card span{color:var(--gold);font-size:12px;font-weight:1000;letter-spacing:.12em}.accountability-card h3{color:#fff;font-size:32px}.accountability-card p{color:#c7ccd0}.accountability-card a{color:var(--gold);font-weight:1000}
.source-paths{padding:64px max(24px,calc((100vw - var(--max))/2));background:var(--cream)}.path-card{background:#fff;border:1px solid var(--line);border-top:6px solid var(--navy);padding:22px;position:relative}.path-card>span{color:#d8dde1;font-size:54px;line-height:1;font-weight:1000;position:absolute;right:15px;top:12px}.path-card h3{position:relative}.path-card a{font-weight:1000;color:var(--red);font-size:14px}.home-actions{background:var(--red);color:#fff;padding:48px max(24px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;gap:30px;align-items:center}.home-actions h2{color:#fff;margin:.15em 0;font-size:35px}.home-actions .section-kicker-red{color:#ffd9da}.home-action-links{display:flex;flex-direction:column;gap:8px;min-width:260px}.home-action-links a{color:#fff;font-weight:1000;border-bottom:1px solid rgba(255,255,255,.45);padding:7px 0;text-decoration:none}
/* timeline dashboard */
.visual-timeline main{max-width:var(--max)}.timeline-hero{background:#081722;color:#fff;margin:-34px -18px 30px;padding:54px 38px;display:grid;grid-template-columns:1.4fr .6fr;gap:30px;border-bottom:6px solid var(--gold)}.timeline-hero h1{color:#fff;font-size:clamp(46px,6vw,74px);line-height:.93}.timeline-hero .impact-lede{color:#c9d5dd}.timeline-factbox{background:#0f293e;border:1px solid #36536a;padding:20px}.timeline-factbox>span{color:#aebcc8;font-size:11px;font-weight:1000;letter-spacing:.1em}.timeline-factbox>strong{display:block;color:var(--gold);font-size:25px;margin:3px 0 14px}.timeline-factbox dl{margin:0}.timeline-factbox div{}.timeline-factbox dt{color:#98aaba;font-size:12px;font-weight:900;text-transform:uppercase}.timeline-factbox dd{margin:0 0 10px;color:#fff;font-size:15px}.timeline-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.timeline-side{position:sticky;top:95px;display:grid;gap:15px}.timeline-side section{background:var(--navy);color:#fff;padding:18px;border-top:5px solid var(--gold)}.timeline-side h3{color:#fff;font-size:17px;margin-top:0}.timeline-side ul{padding-left:18px;margin:0}.timeline-side li{font-size:14px;margin:8px 0}.timeline-side li b{color:var(--gold)}.timeline-side a{color:var(--gold);font-size:13px;font-weight:1000}.wave-panel img{background:#05090c;padding:8px;margin:9px 0}.mini-quote{font-size:13px;border-left:3px solid var(--red);padding:8px 10px;margin:8px 0;background:#0c2030}.mini-quote b{color:var(--gold);display:block}.visual-timeline .timeline-body{box-shadow:0 8px 20px rgba(7,26,43,.07);border-left:5px solid var(--navy)}
/* evidence */
.evidence-hero{background:linear-gradient(120deg,#071a2b,#0e304a);color:#fff;border:0;border-bottom:7px solid var(--gold);position:relative;overflow:hidden}.evidence-hero h1{color:#fff}.evidence-hero .lede{color:#d7e0e7}.evidence-hero-mark{position:absolute;right:-5px;top:5px;font-size:clamp(70px,12vw,170px);font-weight:1000;color:rgba(255,255,255,.035);letter-spacing:-.06em}.visual-evidence .evidence-card{overflow:hidden;padding:0}.evidence-thumb{height:170px;background:#e4e7e8;overflow:hidden;border-bottom:5px solid var(--gold)}.evidence-thumb img{width:100%;height:100%;object-fit:cover}.visual-evidence .evidence-card>.evidence-type,.visual-evidence .evidence-card>h3,.visual-evidence .evidence-card>p,.visual-evidence .evidence-card>.evidence-actions{margin-left:18px;margin-right:18px}.visual-evidence .evidence-card>.evidence-type{margin-top:16px}.visual-evidence .evidence-card>.evidence-actions{margin-bottom:18px}.audio-feature{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:#0a1117;color:#fff;padding:28px;margin:30px 0}.audio-feature h2{color:#fff}.audio-feature p:not(.section-kicker-red){color:#c6cdd2}.audio-feature img{background:#020405;padding:15px;border:1px solid #34414a}
/* questions */
.questions-hero{background:#fff;border-top:8px solid var(--red)}.question-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.question-stats>div{background:var(--navy);color:#fff;padding:16px;text-align:center}.question-stats strong{display:block;color:var(--gold);font-size:37px;line-height:1}.question-stats span{font-size:11px;font-weight:1000}.visual-questions .question-card{display:grid;grid-template-columns:52px 1fr;border-left:0;padding:0;overflow:hidden}.question-mark{grid-row:1/4;background:#f7e7e7;color:var(--red);font-size:30px;font-weight:1000;display:flex;align-items:center;justify-content:center}.visual-questions .question-top,.visual-questions .question-text{grid-column:2;padding-left:16px;padding-right:16px}.visual-questions .question-top{padding-top:14px}.visual-questions .question-text{padding-bottom:17px}.visual-questions .question-status{background:#f7e7e7;color:var(--red)}
/* dossier */
.dossier-hero{background:#071a2b;color:#fff;border:0;border-bottom:7px solid var(--gold);display:flex;justify-content:space-between;gap:25px;align-items:end}.dossier-ident{display:flex;gap:20px;align-items:center}.dossier-badge{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--navy);border:8px solid var(--gold);font-size:42px;font-weight:1000}.dossier-hero h1{color:#fff;line-height:.86;letter-spacing:-.04em;margin:.1em 0}.dossier-role{color:var(--gold);font-weight:1000}.dossier-case{background:#0f3049;border:1px solid #3b5c73;padding:18px;min-width:260px}.dossier-case span{font-size:11px;color:#aebdca;font-weight:1000}.dossier-case strong{display:block;color:var(--gold);font-size:23px}.dossier-case p{font-size:13px;margin:.3em 0 0;color:#d4dde4}.profile-identity-graphic{aspect-ratio:3/4;background:linear-gradient(155deg,#0d2b45,#071a2b);color:#fff;border-bottom:7px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.identity-star{font-size:85px;color:var(--gold);line-height:1}.profile-identity-graphic span{font-size:12px;color:#b8c5d0;margin-top:8px}.standard-v-case{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);box-shadow:var(--shadow)}.standard-panel{padding:28px;background:#fff}.public-standard{border-top:8px solid var(--gold)}.case-standard{border-top:8px solid var(--red);background:#fff7f7}.dossier-evidence-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.dossier-evidence-rail article{display:grid;grid-template-columns:125px 1fr;min-height:150px;background:#0a1d2c;color:#fff}.dossier-evidence-rail img{width:125px;height:150px;object-fit:cover;background:#05090c}.dossier-evidence-rail div{padding:16px}.dossier-evidence-rail span{color:var(--gold);font-size:11px;font-weight:1000}.dossier-evidence-rail h3{color:#fff;font-size:17px}.dossier-evidence-rail a{color:var(--gold);font-size:12px;font-weight:1000}
/* people */
.people-hero{background:#fff;border-top:8px solid var(--navy)}.visual-people .people-grid{grid-template-columns:repeat(3,1fr)}.visual-people .person-card{border-top:0}.person-symbol{aspect-ratio:4/3;background:linear-gradient(145deg,#0d2b45,#071a2b);color:#fff;border-bottom:6px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center}.person-symbol .initials{border:5px solid var(--gold);background:transparent}.person-symbol small{color:#bdcad4;margin-top:8px}
/* vote/action */
.vote-hero{background:linear-gradient(115deg,#efc84a,#f7da70);border:0;border-bottom:7px solid var(--red)}.vote-hero h1{font-size:clamp(44px,6vw,70px)}.vote-hero-counts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.vote-hero-counts>div{background:var(--navy);color:#fff;padding:17px}.vote-hero-counts strong{display:block;color:var(--gold);font-size:42px;line-height:1}.vote-hero-counts span{font-size:12px;font-weight:1000}.visual-vote .grid.two .card{position:relative;overflow:hidden;padding:28px}.vote-card-icon{font-size:56px;color:#d4dce2;position:absolute;right:20px;top:14px}.action-hero{background:#0b1c2a;color:#fff;border:0;border-bottom:7px solid var(--red)}.action-hero h1{color:#fff}.action-hero .lede{color:#d1dce5}.visual-action .grid.two .card{min-height:270px;position:relative;padding:25px}.action-icon{font-size:44px;line-height:1;margin-bottom:14px}
/* responsive */
@media(max-width:1050px){.five-second-case{grid-template-columns:repeat(3,1fr)}.five-label{grid-column:1/-1;min-height:54px}.visual-record-grid{grid-template-columns:repeat(2,1fr)}.timeline-dashboard{grid-template-columns:1fr}.timeline-side{position:static;grid-template-columns:repeat(3,1fr)}.dossier-evidence-rail{grid-template-columns:1fr}.dossier-evidence-rail article{grid-template-columns:160px 1fr}.dossier-evidence-rail img{width:160px}.visual-people .people-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.impact-hero,.chain-section,.timeline-hero,.audio-feature{grid-template-columns:1fr}.impact-hero{padding:52px 20px}.impact-copy h1{font-size:47px}.five-second-case{grid-template-columns:1fr 1fr}.visual-record-grid{grid-template-columns:1fr}.record-thumb{height:250px}.chain-section,.record-showcase,.source-paths,.home-actions{padding-left:20px;padding-right:20px}.home-actions{display:block}.home-action-links{margin-top:20px}.timeline-hero{margin:-24px -12px 24px;padding:36px 20px}.timeline-side{grid-template-columns:1fr}.question-stats{grid-template-columns:1fr}.dossier-hero{display:block}.dossier-ident{align-items:flex-start}.dossier-badge{width:86px;height:86px;font-size:30px}.dossier-case{margin-top:20px}.standard-v-case{grid-template-columns:1fr}.visual-people .people-grid{grid-template-columns:1fr}.vote-hero-counts{grid-template-columns:1fr}.dossier-evidence-rail article{grid-template-columns:120px 1fr}.dossier-evidence-rail img{width:120px}.brand-tag{display:none}}
