/* ==========================================================
   MCSOA PHASE B — FULL-SITE VISUAL LANGUAGE
   Dark documentary base + civic gold + pressure red.
   Loaded LAST so it intentionally normalizes V3/V4/V5 drift.
   ========================================================== */
:root{
  --b-bg:#040b11;
  --b-bg2:#07131c;
  --b-panel:#0a1924;
  --b-panel2:#0d2230;
  --b-gold:#efc84a;
  --b-gold2:#ffd96a;
  --b-red:#d3343b;
  --b-red2:#9e2329;
  --b-paper:#fffaf0;
  --b-paper2:#f2eadb;
  --b-ink:#111a20;
  --b-text:#eaf0f3;
  --b-muted:#9dafba;
  --b-line:rgba(255,255,255,.12);
  --b-paper-line:#d3c6b2;
  --b-max:1280px;
  --b-radius:16px;
  --b-shadow:0 22px 60px rgba(0,0,0,.25);
}

/* ---------- GLOBAL BODY ---------- */
body.phase-b{
  background:
    radial-gradient(circle at 8% 10%,rgba(239,200,74,.055),transparent 24rem),
    radial-gradient(circle at 90% 32%,rgba(211,52,59,.045),transparent 28rem),
    linear-gradient(#061019,#040a0f);
  color:var(--b-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.phase-b main{min-height:56vh;background:transparent!important}
body.phase-b main a:not(.m-btn):not(.button):not(.m-civic-cta):not(.m-brand):not(.m-nav-link){text-underline-offset:3px}
body.phase-b main>section:not(.home-hero):not(.photo-page-hero):not(.page-hero):not(.people-hero):not(.questions-hero):not(.vote-hero):not(.action-hero),
body.phase-b .reading,
body.phase-b .receipts-section{
  width:min(calc(100% - 44px),var(--b-max));
  max-width:var(--b-max)!important;
  margin-left:auto!important;margin-right:auto!important;
}
body.phase-b p, body.phase-b li{line-height:1.65}
body.phase-b ::selection{background:var(--b-gold);color:#07131c}

/* ---------- DISCREET GRAIN / DOCUMENTARY EDGE ---------- */
body.phase-b main{position:relative;isolation:isolate}
body.phase-b main:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.16;
  background-image:
    repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.012) 3px 4px),
    radial-gradient(circle at 25% 25%,rgba(255,255,255,.04) 0 1px,transparent 1px);
  background-size:auto,7px 7px;
}

/* ---------- HERO SYSTEM ---------- */
body.phase-b .page-hero,
body.phase-b .people-hero,
body.phase-b .questions-hero,
body.phase-b .vote-hero,
body.phase-b .action-hero,
body.phase-b .photo-page-hero{
  position:relative!important;overflow:hidden!important;
  width:100%!important;max-width:none!important;margin:0!important;
  padding:clamp(58px,8vw,110px) max(22px,calc((100vw - var(--b-max))/2 + 22px))!important;
  color:#fff!important;background:
    linear-gradient(112deg,rgba(4,11,17,.99) 0%,rgba(6,19,29,.95) 54%,rgba(11,31,44,.88) 100%)!important;
  border:0!important;border-bottom:1px solid rgba(239,200,74,.28)!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.03)!important;
}
body.phase-b .page-hero:before,
body.phase-b .people-hero:before,
body.phase-b .questions-hero:before,
body.phase-b .action-hero:before,
body.phase-b .vote-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,var(--b-red) 0 9px,transparent 9px),
    radial-gradient(circle at 78% 40%,rgba(239,200,74,.12),transparent 28%),
    repeating-linear-gradient(-8deg,transparent 0 21px,rgba(255,255,255,.015) 21px 22px);
}
body.phase-b .page-hero>* ,body.phase-b .people-hero>*,body.phase-b .questions-hero>*,body.phase-b .vote-hero>*,body.phase-b .action-hero>*{position:relative}
body.phase-b .page-hero h1,
body.phase-b .people-hero h1,
body.phase-b .questions-hero h1,
body.phase-b .vote-hero h1,
body.phase-b .action-hero h1,
body.phase-b .photo-page-hero h1{
  max-width:1020px;margin:.1em 0 .22em!important;color:#fff!important;
  font-size:clamp(48px,7vw,94px)!important;line-height:.88!important;letter-spacing:-.055em!important;
  text-transform:uppercase;font-weight:1000!important;
}
body.phase-b .page-hero .eyebrow,
body.phase-b .people-hero .eyebrow,
body.phase-b .questions-hero .eyebrow,
body.phase-b .vote-hero .eyebrow,
body.phase-b .action-hero .eyebrow,
body.phase-b .photo-page-hero .eyebrow{
  display:inline-flex;align-items:center;gap:9px;color:var(--b-gold)!important;
  font-size:10px!important;font-weight:1000!important;letter-spacing:.18em!important;text-transform:uppercase;
}
body.phase-b .page-hero .eyebrow:before,
body.phase-b .people-hero .eyebrow:before,
body.phase-b .questions-hero .eyebrow:before,
body.phase-b .vote-hero .eyebrow:before,
body.phase-b .action-hero .eyebrow:before{content:"";width:30px;height:3px;background:var(--b-red)}
body.phase-b .page-hero .lede,
body.phase-b .people-hero .lede,
body.phase-b .questions-hero .lede,
body.phase-b .vote-hero .lede,
body.phase-b .action-hero .lede,
body.phase-b .photo-page-hero p{
  max-width:850px!important;color:#c9d5dc!important;font-size:clamp(16px,2vw,21px)!important;line-height:1.55!important
}

/* Photo hero keeps its actual image but adopts the same type system. */
body.phase-b .photo-page-hero:before{
  background-image:linear-gradient(90deg,rgba(4,11,17,.98) 0%,rgba(4,11,17,.86) 50%,rgba(4,11,17,.34) 100%),var(--page-photo)!important;
  filter:saturate(.7) contrast(1.08)
}
body.phase-b .photo-page-hero:after{content:"";position:absolute;left:0;bottom:0;width:38%;height:7px;background:var(--b-red)}

/* ---------- GENERAL SECTION HEADS ---------- */
body.phase-b main h2{letter-spacing:-.03em}
body.phase-b main .eyebrow,
body.phase-b .section-kicker-red,
body.phase-b .section-label{
  color:var(--b-gold)!important;font-weight:1000!important;letter-spacing:.14em!important;text-transform:uppercase!important
}
body.phase-b .section-kicker-red{color:var(--b-red)!important}
body.phase-b .reading>h2,
body.phase-b .receipts-section>h2,
body.phase-b .grid+h2{
  color:#fff!important;font-size:clamp(30px,4vw,54px)!important;line-height:.95!important;text-transform:uppercase!important
}

/* ---------- PAPER CARDS / RECORDS ---------- */
body.phase-b .card,
body.phase-b .record-row,
body.phase-b .question-card,
body.phase-b .evidence-card{
  border-radius:var(--b-radius)!important;
}
body.phase-b .card{
  background:var(--b-paper)!important;color:var(--b-ink)!important;border:1px solid var(--b-paper-line)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.16)!important;padding:clamp(22px,3vw,30px)!important
}
body.phase-b .card h2,body.phase-b .card h3,body.phase-b .card h4{color:#0a1b27!important}
body.phase-b .card a{font-weight:900}
body.phase-b .card.gold-top{border-top:7px solid var(--b-gold)!important}
body.phase-b .card.red-top{border-top:7px solid var(--b-red)!important}
body.phase-b .card.navy-top{border-top:7px solid #163c54!important}
body.phase-b .grid{gap:20px!important}

body.phase-b .record-list{display:grid!important;gap:10px!important}
body.phase-b .record-row{
  background:var(--b-paper)!important;color:var(--b-ink)!important;border:1px solid var(--b-paper-line)!important;
  border-left:5px solid var(--b-gold)!important;padding:16px 18px!important;box-shadow:0 8px 24px rgba(0,0,0,.10)!important
}
body.phase-b .record-row b{color:#081b28!important}

/* ---------- NOTES / CAUTIONS / QUOTES ---------- */
body.phase-b .note,
body.phase-b .caution{
  border-radius:12px!important;padding:18px 20px!important;box-shadow:none!important
}
body.phase-b .note{background:rgba(239,200,74,.09)!important;border:1px solid rgba(239,200,74,.28)!important;color:#e6edf0!important}
body.phase-b .caution{background:rgba(211,52,59,.09)!important;border:1px solid rgba(211,52,59,.30)!important;color:#edf1f3!important}
body.phase-b .note strong{color:var(--b-gold2)!important}
body.phase-b .caution strong{color:#ff8d91!important}
body.phase-b .quote{
  background:linear-gradient(135deg,#0b1d2a,#07131c)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;
  border-left:7px solid var(--b-gold)!important;border-radius:14px!important;box-shadow:var(--b-shadow)!important
}
body.phase-b .quote:before{color:var(--b-red)!important}

/* ---------- BUTTONS / CTA ---------- */
body.phase-b .button,
body.phase-b .cta-row a,
body.phase-b .text-link{
  font-weight:1000!important;letter-spacing:.04em
}
body.phase-b .button{
  border-radius:6px!important;min-height:48px!important;padding:13px 18px!important;
  text-transform:uppercase!important;font-size:11px!important
}
body.phase-b .button.gold,body.phase-b .button:not(.ghost-light):not(.ghost):not(.red){background:var(--b-gold)!important;color:#07131c!important;border-color:var(--b-gold)!important}
body.phase-b .button.red{background:var(--b-red)!important;color:#fff!important;border-color:var(--b-red)!important}
body.phase-b .button.ghost-light,body.phase-b .button.ghost{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.34)!important}
body.phase-b .button:hover{transform:translateY(-2px);filter:brightness(1.05)}

/* ---------- INDEPENDENCE / PAGE EXITS ---------- */
body.phase-b .independence{display:block!important;background:#d9cba9!important;border:0!important;color:#162029!important}
body.phase-b .independence-inner{max-width:var(--b-max)!important;margin:auto!important;padding:9px 22px!important;text-align:center!important;font-size:10px!important;font-weight:1000!important;letter-spacing:.08em!important;text-transform:uppercase!important}
body.phase-b .page-exits{
  width:min(calc(100% - 44px),var(--b-max))!important;max-width:var(--b-max)!important;margin:44px auto 78px!important;padding:0!important;
  display:flex!important;gap:10px!important;flex-wrap:wrap!important;border:0!important;background:transparent!important
}
body.phase-b .page-exits a{
  display:inline-flex!important;align-items:center!important;min-height:46px!important;padding:10px 16px!important;border-radius:6px!important;
  background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;text-decoration:none!important;
  text-transform:uppercase!important;font-size:10px!important;font-weight:1000!important;letter-spacing:.08em!important
}
body.phase-b .page-exits a:first-child{border-color:rgba(239,200,74,.4)!important;color:var(--b-gold)!important}
body.phase-b .page-exits a:last-child{border-color:rgba(211,52,59,.4)!important}

/* ==========================================================
   PAGE FAMILY: HOME / LANDING
   ========================================================== */
body.phase-home .home-hero{
  min-height:min(760px,82vh)!important;background:#06131d!important;border-bottom:1px solid rgba(239,200,74,.24)!important
}
body.phase-home .home-hero:after{content:"";position:absolute;left:0;bottom:0;width:42%;height:8px;background:var(--b-red)}
body.phase-home .home-hero h1{font-size:clamp(58px,8vw,112px)!important;line-height:.82!important;letter-spacing:-.07em!important}
body.phase-home .home-hero h1 em{color:var(--b-gold)!important;font-style:normal!important}
body.phase-home .home-kicker{color:var(--b-gold)!important;letter-spacing:.12em!important}
body.phase-home .home-disclosure{background:#dbcda9!important;color:#182028!important;font-weight:1000!important;letter-spacing:.08em!important}
body.phase-home .hero-evidence-stack{filter:saturate(.75) contrast(1.05)}
body.phase-home .hero-stamp{background:var(--b-red)!important;color:#fff!important;transform:rotate(-2deg)}
body.phase-landing .reading{padding-top:44px!important;padding-bottom:28px!important}
body.phase-landing .reading .card:first-of-type{border-top-color:var(--b-red)!important}

/* ==========================================================
   PAGE FAMILY: IDENTITY (SHUBHAM / LOCATING)
   ========================================================== */
body.phase-identity .page-hero{
  background:
    linear-gradient(108deg,#040a0f 0%,#07131c 52%,#111b22 100%)!important;
}
body.phase-identity .page-hero:after{content:"IDENTITY / LOCATING";position:absolute;right:4vw;bottom:18px;color:rgba(239,200,74,.17);font-size:clamp(36px,6vw,90px);font-weight:1000;letter-spacing:-.05em}
body.phase-identity .reading{padding-top:42px!important}
body.phase-identity .reading>.grid.two:first-of-type .card:first-child{border-top:7px solid var(--b-gold)!important}
body.phase-identity .reading>.grid.two:first-of-type .card:last-child{border-top:7px solid var(--b-red)!important}
body.phase-identity .record-row{border-left-color:var(--b-red)!important}

/* ==========================================================
   PAGE FAMILY: ANALYSIS / RECEIPTS
   ========================================================== */
body.phase-analysis .page-hero h1{max-width:1100px}
body.phase-analysis .receipts-section,
body.phase-analysis .reading{padding-top:42px!important}
body.phase-analysis .receipt-block,
body.phase-evidence .receipt-block,
body.phase-dossier .receipt-block{
  position:relative!important;margin:0 0 28px!important;padding:clamp(24px,3vw,36px)!important;
  background:linear-gradient(145deg,#0a1822,#061019)!important;border:1px solid rgba(255,255,255,.11)!important;
  border-radius:18px!important;box-shadow:0 20px 55px rgba(0,0,0,.22)!important;overflow:hidden!important
}
body.phase-analysis .receipt-block:before,
body.phase-evidence .receipt-block:before,
body.phase-dossier .receipt-block:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(var(--b-red),var(--b-gold))}
body.phase-analysis .receipt-block .eyebrow,
body.phase-evidence .receipt-block .eyebrow,
body.phase-dossier .receipt-block .eyebrow{
  color:var(--b-gold)!important;font-size:clamp(17px,2.3vw,27px)!important;line-height:1.05!important;letter-spacing:-.01em!important;text-transform:uppercase!important
}
body.phase-analysis .receipt-block>p:not(.eyebrow),body.phase-evidence .receipt-block>p:not(.eyebrow),body.phase-dossier .receipt-block>p:not(.eyebrow){color:#aebdc6!important}
body.phase-analysis .timestamp-list,body.phase-evidence .timestamp-list,body.phase-dossier .timestamp-list{display:grid!important;gap:8px!important;border:0!important;background:transparent!important}
body.phase-analysis .timestamp,body.phase-evidence .timestamp,body.phase-dossier .timestamp{
  display:grid!important;grid-template-columns:124px 1fr!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.09)!important;
  border-radius:10px!important;background:rgba(255,255,255,.025)!important
}
body.phase-analysis .timestamp .time,body.phase-evidence .timestamp .time,body.phase-dossier .timestamp .time{
  display:flex!important;align-items:flex-start!important;padding:16px!important;background:rgba(211,52,59,.11)!important;color:var(--b-gold)!important;
  font:1000 14px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important
}
body.phase-analysis .timestamp>div:last-child,body.phase-evidence .timestamp>div:last-child,body.phase-dossier .timestamp>div:last-child{padding:16px 18px!important;color:#e0e7eb!important;font-size:14px!important;line-height:1.55!important}

/* ==========================================================
   PAGE FAMILY: EVIDENCE / RECORDS
   ========================================================== */
body.phase-evidence .reading,body.phase-records .reading{padding-top:42px!important}
body.phase-evidence .evidence-card{
  background:linear-gradient(160deg,#0b1c28,#07131c)!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.21)!important;overflow:hidden!important
}
body.phase-evidence .evidence-card h3{color:#fff!important}
body.phase-evidence .evidence-card .evidence-type{color:var(--b-gold)!important;font-weight:1000!important;letter-spacing:.12em!important;text-transform:uppercase!important}
body.phase-evidence .evidence-thumb{border-bottom:5px solid var(--b-red)!important;filter:saturate(.65) contrast(1.07)}
body.phase-evidence .evidence-actions{border-top:1px solid rgba(255,255,255,.09)!important}
body.phase-evidence .evidence-actions .button{background:var(--b-gold)!important;color:#07131c!important}
body.phase-records .card{position:relative;overflow:hidden}
body.phase-records .card:after{content:"PUBLIC RECORD";position:absolute;right:-8px;top:16px;padding:5px 10px;background:#0a1c28;color:var(--b-gold);font-size:8px;font-weight:1000;letter-spacing:.1em;transform:rotate(2deg)}

/* ==========================================================
   PAGE FAMILY: TIMELINE
   ========================================================== */
body.phase-timeline .timeline-photo-rail{margin-top:-26px!important;position:relative;z-index:2}
body.phase-timeline .timeline-photo-rail figure{border:1px solid rgba(239,200,74,.22)!important;box-shadow:0 18px 50px rgba(0,0,0,.28)!important}
body.phase-timeline .timeline-dashboard{max-width:var(--b-max)!important;margin:auto!important;padding:22px 22px 80px!important;gap:26px!important}
body.phase-timeline .timeline{position:relative;padding-left:6px}
body.phase-timeline .timeline:before{background:linear-gradient(var(--b-gold),var(--b-red))!important;width:3px!important}
body.phase-timeline .timeline-item{
  background:linear-gradient(145deg,#0a1924,#061019)!important;border:1px solid rgba(255,255,255,.1)!important;
  border-radius:14px!important;margin-bottom:12px!important;box-shadow:0 12px 34px rgba(0,0,0,.16)!important;overflow:hidden!important
}
body.phase-timeline .timeline-date{color:var(--b-gold)!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.05em!important}
body.phase-timeline .timeline-body{color:#d7e0e5!important}
body.phase-timeline .timeline-body h2,body.phase-timeline .timeline-body h3{color:#fff!important}
body.phase-timeline .timeline-side>*{border-radius:14px!important;border:1px solid rgba(255,255,255,.1)!important;background:#0a1924!important;color:#dfe7eb!important}
body.phase-timeline .timeline-side h2,body.phase-timeline .timeline-side h3{color:#fff!important}
body.phase-timeline .mini-quote{border-left:5px solid var(--b-red)!important}

/* ==========================================================
   PAGE FAMILY: PEOPLE / DOSSIER
   ========================================================== */
body.phase-people .people-grid{gap:20px!important;padding-bottom:54px!important}
body.phase-people .person-card{
  background:linear-gradient(145deg,#0b1b27,#061019)!important;color:#fff!important;border:1px solid rgba(255,255,255,.11)!important;
  border-radius:16px!important;box-shadow:0 18px 48px rgba(0,0,0,.24)!important
}
body.phase-people .person-symbol{background:radial-gradient(circle at 50% 35%,#143d56,#06131d 70%)!important;border-bottom:6px solid var(--b-gold)!important}
body.phase-people .person-body{padding:22px!important}
body.phase-people .person-body h2,body.phase-people .person-body h3{color:#fff!important}
body.phase-people .role{color:var(--b-gold)!important;font-weight:1000!important;letter-spacing:.1em!important}
body.phase-dossier .profile-grid{max-width:var(--b-max)!important;margin:0 auto!important;padding:42px 22px!important;gap:24px!important}
body.phase-dossier .profile-identity-graphic,body.phase-dossier .official-portrait{border-radius:16px!important;border:1px solid rgba(239,200,74,.24)!important;overflow:hidden!important}
body.phase-dossier .role{color:var(--b-gold)!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-weight:1000!important}
body.phase-dossier .standard-v-case{max-width:var(--b-max)!important;margin:26px auto!important;padding:0 22px!important;gap:14px!important}
body.phase-dossier .standard-panel{border-radius:16px!important;overflow:hidden!important;box-shadow:0 15px 42px rgba(0,0,0,.18)!important}
body.phase-dossier .public-standard{border-top:7px solid var(--b-gold)!important}
body.phase-dossier .case-standard{border-top:7px solid var(--b-red)!important}

/* ==========================================================
   PAGE FAMILY: QUESTIONS
   ========================================================== */
body.phase-questions .questions-hero{background:linear-gradient(112deg,#061019,#0b1b27)!important}
body.phase-questions .question-stats{max-width:760px!important;gap:10px!important}
body.phase-questions .question-stats>div{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:10px!important}
body.phase-questions .question-stats strong{color:var(--b-gold)!important}
body.phase-questions .questions-tools{max-width:var(--b-max)!important;margin:30px auto 18px!important;padding:0 22px!important}
body.phase-questions .question-list{max-width:var(--b-max)!important;margin:auto!important;padding:0 22px 60px!important;display:grid!important;gap:10px!important}
body.phase-questions .question-card{
  display:grid!important;grid-template-columns:68px 1fr!important;background:var(--b-paper)!important;color:var(--b-ink)!important;
  border:1px solid var(--b-paper-line)!important;border-left:0!important;box-shadow:0 11px 28px rgba(0,0,0,.13)!important;overflow:hidden!important
}
body.phase-questions .question-mark{background:#0a1c28!important;color:var(--b-red)!important;border-right:4px solid var(--b-red)!important;font-size:30px!important}
body.phase-questions .question-status{background:#f0ddd7!important;color:var(--b-red2)!important;font-weight:1000!important}
body.phase-questions .question-text{font-size:17px!important;color:#19232a!important}
body.phase-questions .tag.question{background:#0a1c28!important;color:var(--b-gold)!important}

/* ==========================================================
   PAGE FAMILY: ACTION / VOTE
   ========================================================== */
body.phase-action .reading,body.phase-vote .reading{padding-top:42px!important}
body.phase-action .grid.two .card{min-height:250px!important;position:relative!important;overflow:hidden!important}
body.phase-action .action-icon{font-size:48px!important;color:var(--b-gold)!important;filter:grayscale(.2)}
body.phase-action .grid.two .card:nth-child(even){border-top-color:var(--b-red)!important}
body.phase-vote .vote-hero{
  background:
    linear-gradient(102deg,#e8bd36 0%,#f0ce55 58%,#d6a51c 100%)!important;color:#07131c!important;
  border-bottom:8px solid var(--b-red)!important
}
body.phase-vote .vote-hero:before{background:repeating-linear-gradient(-10deg,transparent 0 24px,rgba(0,0,0,.025) 24px 25px)!important}
body.phase-vote .vote-hero h1,body.phase-vote .vote-hero .lede,body.phase-vote .vote-hero .eyebrow{color:#07131c!important}
body.phase-vote .vote-hero .eyebrow:before{background:var(--b-red)!important}
body.phase-vote .vote-hero-counts>div{background:#06131d!important;border:1px solid rgba(0,0,0,.25)!important;border-radius:9px!important}
body.phase-vote .vote-hero-counts strong{color:var(--b-gold2)!important}
body.phase-vote .vote-card-icon{color:#c5ad70!important}

/* ==========================================================
   PAGE FAMILY: UTILITY
   ========================================================== */
body.phase-utility .reading{padding-top:42px!important;padding-bottom:40px!important}
body.phase-utility .reading>h1:first-child,body.phase-utility .reading>h2:first-child{color:#fff!important;text-transform:uppercase!important;font-size:clamp(38px,5vw,64px)!important}

/* ---------- FOOTER PHASE B ---------- */
body.phase-b .m-site-footer{background:#02070a!important;border-top:5px solid var(--b-gold)!important}
body.phase-b .m-footer-col h2{color:var(--b-gold)!important}
body.phase-b .m-footer-col a:hover{color:var(--b-gold2)!important}

/* ---------- RESPONSIVE ---------- */
@media(max-width:980px){
  body.phase-b .grid.three,body.phase-b .grid.four,body.phase-people .people-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.phase-timeline .timeline-dashboard{grid-template-columns:1fr!important}
  body.phase-timeline .timeline-side{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body.phase-dossier .standard-v-case{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  body.phase-b main>section:not(.home-hero):not(.photo-page-hero):not(.page-hero):not(.people-hero):not(.questions-hero):not(.vote-hero):not(.action-hero),
  body.phase-b .reading,body.phase-b .receipts-section{width:min(calc(100% - 28px),var(--b-max))!important}
  body.phase-b .page-hero,body.phase-b .people-hero,body.phase-b .questions-hero,body.phase-b .vote-hero,body.phase-b .action-hero,body.phase-b .photo-page-hero{
    padding:52px 16px!important
  }
  body.phase-b .page-hero h1,body.phase-b .people-hero h1,body.phase-b .questions-hero h1,body.phase-b .vote-hero h1,body.phase-b .action-hero h1,body.phase-b .photo-page-hero h1{font-size:clamp(42px,14vw,68px)!important}
  body.phase-b .grid.two,body.phase-b .grid.three,body.phase-b .grid.four,body.phase-people .people-grid{grid-template-columns:1fr!important}
  body.phase-analysis .timestamp,body.phase-evidence .timestamp,body.phase-dossier .timestamp{grid-template-columns:1fr!important}
  body.phase-analysis .timestamp .time,body.phase-evidence .timestamp .time,body.phase-dossier .timestamp .time{border-bottom:1px solid rgba(255,255,255,.08)!important}
  body.phase-timeline .timeline-photo-rail{grid-template-columns:1fr!important;margin:0 auto 26px!important;padding:0 14px!important}
  body.phase-timeline .timeline-photo-rail figure,body.phase-timeline .timeline-photo-rail figure:first-child,body.phase-timeline .timeline-photo-rail figure:last-child{grid-row:auto!important;grid-column:auto!important;height:240px!important}
  body.phase-timeline .timeline-dashboard{padding:18px 14px 54px!important}
  body.phase-timeline .timeline-side{grid-template-columns:1fr!important}
  body.phase-questions .question-card{grid-template-columns:46px 1fr!important}
  body.phase-questions .questions-tools,body.phase-questions .question-list{padding-left:14px!important;padding-right:14px!important}
  body.phase-questions .question-stats{grid-template-columns:1fr!important}
  body.phase-vote .vote-hero-counts{grid-template-columns:1fr!important}
  body.phase-identity .page-hero:after{display:none}
  body.phase-b .page-exits{width:min(calc(100% - 28px),var(--b-max))!important;margin-bottom:56px!important}
  body.phase-b .page-exits a{flex:1 1 100%!important;justify-content:center!important}
}
@media(max-width:480px){
  body.phase-b .card{padding:20px!important}
  body.phase-home .home-hero h1{font-size:clamp(50px,16vw,72px)!important}
  body.phase-questions .question-card{grid-template-columns:1fr!important}
  body.phase-questions .question-mark{min-height:42px!important;border-right:0!important;border-bottom:3px solid var(--b-red)!important}
}