/* ============================================================================
   KICC — EXPERIENCE BRIGHT LAYER
   ----------------------------------------------------------------------------
   One job: the whole platform renders BRIGHT, in exactly four colours, on every
   page and every tab — no brown, no murky dark grounds.

       white   #FFFFFF   (ground, frosted glass tiles)
       black   #0B0B0B   (ink and small solid accents only — never a page ground)
       red     #B3261E   (primary accent)
       yellow  #FFCD05   (secondary accent)

   Loaded last, so it out-specifies approved-design.css, glass-kicc.css and
   strict-kicc.css. It also neutralises the leftover Tailwind dark utilities on
   the detail pages that still carry their original markup, so those pages go
   bright without being rewritten.
   ========================================================================== */

/* ── 1. force the light world, whatever the stored preference says ───────── */
html,
html[data-theme],
html[data-theme="light"],
html[data-theme="dark"],
html[data-theme="system"],
html[data-theme="auto"] {
  color-scheme: light !important;
  background: #FFFFFF !important;

  /* re-derive every legacy token family onto the four colours */
  --ui-bg: #FFFFFF;
  --ui-surface: #FFFFFF;
  --ui-raised: #FFFFFF;
  --ui-glass: rgba(255, 255, 255, .62);
  --ui-line: rgba(11, 11, 11, .14);
  --ui-muted: rgba(11, 11, 11, .66);
  --ui-ink: #0B0B0B;
  --ui-accent: #B3261E;

  --dark-canvas: #FFFFFF;
  --surface: #FFFFFF;
  --card: #FFFFFF;
  --light-bg: #FFFFFF;
  --sand-alt: #FFFFFF;
  --warm-canvas: #FFFFFF;
  --warm-surface: #FFFFFF;
  --warm-sand: #FFFFFF;
  --warm-sand-2: #FFFFFF;
  --kicc-paper: #FFFFFF;
  --paper: #FFFFFF;
  --stage: #FFFFFF;
  --stage-2: #FFFFFF;

  --kicc-navy: #0B0B0B;
  --kicc-navy-deep: #0B0B0B;
  --kicc-navy-soft: rgba(11, 11, 11, .66);
  --nv-950: #FFFFFF; --nv-900: #FFFFFF; --nv-850: #FFFFFF;
  --nv-800: #FFFFFF; --nv-700: #FFFFFF; --nv-500: rgba(11, 11, 11, .6);
  --nv-400: #0B0B0B;

  --text: #0B0B0B;
  --text-muted: rgba(11, 11, 11, .66);
  --ink: #0B0B0B;
  --bone: #0B0B0B;
  --bone-dim: rgba(11, 11, 11, .66);

  --glass-bg: rgba(255, 255, 255, .72);
  --glass-border: rgba(11, 11, 11, .12);
  --glass-light-bg: rgba(255, 255, 255, .86);
  --glass-light-border: rgba(255, 255, 255, .6);

  --on-dark: #0B0B0B;
  --on-dark-muted: rgba(11, 11, 11, .66);
}

body,
html[data-theme] body,
body.light-world {
  background: #FFFFFF !important;
  color: #0B0B0B !important;
}

html[data-theme] #app,
html[data-theme] main#app,
#app {
  background: #FFFFFF !important;
  color: #0B0B0B !important;
}

/* ── 2. every page ground goes bright ────────────────────────────────────── */
.ed-chapter,
.ed-chapter.ed-flat,
.ed-chapter.ed-plate,
.ed-interlude,
.ed-interlude.ed-flat,
.ed-flat,
.ed-plate,
.sx-archive,
.sx-close,
#chapter-close,
#chapter-close > .wrap,
#chapter-archive,
#chapter-halls,
#chapter-makers,
#chapter-programme,
#chapter-government,
#chapter-inside,
.chapter-pad {
  background: #FFFFFF !important;
  color: #0B0B0B !important;
}

/* the two "interlude" bands get the soft sand tint so chapters still read as
   distinct movements without ever going dark */
.ed-interlude,
.ed-interlude.ed-flat,
.sx-archive {
  background: #FFFFFF !important;
}

.footer,
.footer.rb-footer,
.rb-footer {
  background: #FFFFFF !important;
  color: #0B0B0B !important;
  border-top: 1px solid rgba(11, 11, 11, .12) !important;
}

/* ── 3. hero: bright plate, never a black film ground ────────────────────── */
.sx-hero,
.sx-hero .ed-layer {
  background: #FFFFFF !important;
}

.sx-hero .ed-bleed,
.ed-bleed {
  background: #FFFFFF !important;
}

/* the film itself stays legible but is held back so the plate reads bright */
.sx-hero video,
.sx-hero img.sx-hero-still {
  opacity: .28 !important;
  filter: saturate(.95) brightness(1.12) !important;
}

.sx-hero .sx-glass,
.sx-glass {
  background: rgba(255, 255, 255, .86) !important;
  border: 1px solid rgba(11, 11, 11, .10) !important;
  backdrop-filter: blur(22px) saturate(1.25) !important;
  box-shadow: 0 24px 60px rgba(11, 11, 11, .10) !important;
}

/* ── 4. cards, panels, tiles: frosted white glass ────────────────────────── */
.card,
.panel,
.sx-3d,
.sx-glass,
.rb-panel,
.rb-notice,
.tm-tile,
.tm-copy {
  background: rgba(255, 255, 255, .88) !important;
  border: 1px solid rgba(11, 11, 11, .10) !important;
  color: #0B0B0B !important;
  box-shadow: 0 18px 44px rgba(11, 11, 11, .07) !important;
}

.rb-notice {
  background: #FFFFFF !important;
  border-left: 4px solid #B3261E !important;
}

/* ── 5. type ─────────────────────────────────────────────────────────────── */
h1, h2, h3, h4, h5,
.ed-chapter h1, .ed-chapter h2, .ed-chapter h3 {
  color: #0B0B0B !important;
}

.ed-chapter-num,
.eyebrow,
.ed-label {
  color: #B3261E !important;
}

.ed-lead,
.muted,
.muted-xs,
.content-copy,
.tm-metadata,
.rb-status {
  color: rgba(11, 11, 11, .70) !important;
}

h1 em, h2 em, h3 em, .red {
  color: #B3261E !important;
  font-style: italic;
}

.gold { color: #0B0B0B !important; }

/* ── 6. buttons: red primary, yellow secondary, hairline ghost ───────────── */
.btn {
  background: #B3261E !important;
  color: #FFFFFF !important;
  border: 1px solid #B3261E !important;
  border-radius: 80px !important;
  font-weight: 600 !important;
}
.btn:hover { background: #B3261E !important; border-color: #B3261E !important; }

.btn.gold {
  background: #FFCD05 !important;
  color: #0B0B0B !important;
  border-color: #FFCD05 !important;
}
.btn.gold:hover { background: #FFCD05 !important; border-color: #FFCD05 !important; }

.btn.ghost,
.btn.dark {
  background: transparent !important;
  color: #0B0B0B !important;
  border: 1px solid rgba(11, 11, 11, .22) !important;
}
.btn.ghost:hover,
.btn.dark:hover {
  color: #B3261E !important;
  border-color: #B3261E !important;
  background: rgba(179,38,30, .04) !important;
}

/* nav */
.rb-nav, .nav {
  background: rgba(255, 255, 255, .92) !important;
  border-bottom: 1px solid rgba(11, 11, 11, .10) !important;
  backdrop-filter: blur(18px) saturate(1.2) !important;
}
.nav-links a { color: rgba(11, 11, 11, .66) !important; }
.nav-links a:hover { color: #0B0B0B !important; background: rgba(11, 11, 11, .05) !important; }
.nav-links a.active,
.nav-links a[aria-current="page"] { color: #B3261E !important; }
.nav-links a.active::after { background: #FFCD05 !important; }

.mobile-menu {
  background: #FFFFFF !important;
  color: #0B0B0B !important;
  border-left: 1px solid rgba(11, 11, 11, .12) !important;
}
.mobile-menu a { color: #0B0B0B !important; }
.mobile-menu a:hover { color: #B3261E !important; }

.chapter-rail a { color: rgba(11, 11, 11, .5) !important; }
.chapter-rail a:hover,
.chapter-rail a.is-active { color: #B3261E !important; }

/* ── 7. chips, tags, badges ──────────────────────────────────────────────── */
.sx-chip, .sx-chip--light, .rb-badge, .tag, .chip {
  background: rgba(255, 255, 255, .9) !important;
  border: 1px solid rgba(11, 11, 11, .14) !important;
  color: #0B0B0B !important;
}
.sx-chip b { color: #B3261E !important; }

/* ── 8. the handoff markers between chapters ─────────────────────────────── */
.ed-handoff { color: rgba(11, 11, 11, .55) !important; }
.ed-handoff .n { color: #B3261E !important; }
.ed-handoff .ln { background: rgba(11, 11, 11, .18) !important; }

/* ── 9. media windows (the tile media the admin controls) ────────────────── */
.tm-window {
  background: #FFFFFF !important;
  border: 1px solid rgba(11, 11, 11, .10) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}
.tm-window img,
.tm-window video { display: block; width: 100%; height: 100%; object-fit: cover; }
.rb-play {
  background: #FFFFFF !important;
  color: #0B0B0B !important;
  border: 1px solid rgba(11, 11, 11, .18) !important;
}
.rb-play:hover { background: #FFCD05 !important; border-color: #FFCD05 !important; }
.rb-fallback { background: #FFFFFF !important; color: #0B0B0B !important; }
.rb-fallback span { color: #B3261E !important; }

/* ── 10. neutralise leftover dark Tailwind utilities on detail pages ─────── */
[class*="bg-black"],
[class*="bg-[#0B0B0B]"],
[class*="bg-[#0B0B0B]"],
[class*="bg-[#0B0B0B]"],
[class*="bg-[#0B0B0B]"],
[class*="bg-gray-9"],
[class*="bg-zinc-9"],
[class*="bg-neutral-9"],
[class*="bg-slate-9"],
[class*="bg-stone-9"],
[class*="bg-kicc-navy"],
[class*="bg-[#0B0B0B]"] {
  background-color: #FFFFFF !important;
  color: #0B0B0B !important;
}

/* gradient overlays that only exist to darken a photo — drop them */
[class*="from-black"],
[class*="via-black"],
[class*="to-black"] { background-image: none !important; }

/* inline gradient grounds written into style attributes */
[style*="linear-gradient(135deg,#0B0B0B"],
[style*="linear-gradient(135deg, #0B0B0B"],
[style*="background:#FFFFFF"],
[style*="background: #FFFFFF"],
[style*="background:#FFFFFF"],
[style*="background: #FFFFFF"] { background: #FFFFFF !important; }

/* text that was white-on-dark now needs ink */
[class*="bg-black"] h1, [class*="bg-black"] h2, [class*="bg-black"] h3,
[class*="bg-gray-9"] h1, [class*="bg-gray-9"] h2, [class*="bg-gray-9"] h3,
[class*="bg-black"] p, [class*="bg-black"] span, [class*="bg-black"] li,
[class*="bg-gray-9"] p, [class*="bg-gray-9"] span, [class*="bg-gray-9"] li {
  color: #0B0B0B !important;
}

/* tables and admin surfaces */
.rb-table td, .rb-table th {
  color: #0B0B0B !important;
  border-bottom-color: rgba(11, 11, 11, .12) !important;
}
.rb-sidebar a { color: rgba(11, 11, 11, .68) !important; }
.rb-sidebar a[aria-current="page"] { background: #FFFFFF !important; color: #B3261E !important; }

input, select, textarea {
  background: #FFFFFF !important;
  color: #0B0B0B !important;
  border: 1px solid rgba(11, 11, 11, .18) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   11. THE EXPERIENCE PAGE SYSTEM — one shape for every tab
   ═════════════════════════════════════════════════════════════════════════ */

.ex-page { background: #FFFFFF; padding: 0 0 110px; }

.ex-hero {
  position: relative;
  padding: 150px 0 70px;
  background: #FFFFFF;
  border-bottom: 1px solid rgba(11, 11, 11, .10);
}
.ex-hero::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
  background: linear-gradient(90deg, #B3261E 0%, #B3261E 34%, #FFCD05 34%, #FFCD05 66%, #0B0B0B 66%, #0B0B0B 100%);
  opacity: .9;
}
.ex-eyebrow {
  font: 700 11.5px/1 'JetBrains Mono', monospace;
  letter-spacing: .24em; text-transform: uppercase; color: #B3261E;
}
.ex-hero h1 {
  font-family: 'Fraunces', serif;
  font-weight: 300;
  font-size: clamp(38px, 6.2vw, 82px);
  line-height: 1.02;
  letter-spacing: -.03em;
  margin: 22px 0 0;
  max-width: 19ch;
}
.ex-hero h1 em { color: #B3261E; }
.ex-hero .ex-lead {
  margin-top: 26px; max-width: 60ch;
  font-size: 17px; line-height: 1.75; color: rgba(11, 11, 11, .70);
}
.ex-stats { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.ex-stat {
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(11, 11, 11, .12);
  border-radius: 80px; padding: 10px 20px;
  font-size: 13px; font-weight: 500; color: #0B0B0B;
}
.ex-stat b { color: #B3261E; font-weight: 700; margin-right: 5px; }

.ex-bar {
  display: flex; flex-wrap: wrap; gap: 14px; align-items: center;
  justify-content: space-between;
  padding: 26px 0; border-bottom: 1px solid rgba(11, 11, 11, .10);
}
.ex-bar form { display: flex; gap: 10px; flex-wrap: wrap; flex: 1 1 320px; }
.ex-bar input, .ex-bar select {
  min-height: 46px; padding: 0 18px; border-radius: 80px; font-size: 14px;
}
.ex-bar input { flex: 1 1 220px; }

.ex-section { padding: 62px 0 0; }
.ex-section-head {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 20px; flex-wrap: wrap; margin-bottom: 32px;
}
.ex-section-head h2 {
  font-family: 'Fraunces', serif; font-weight: 300;
  font-size: clamp(26px, 3.2vw, 42px); letter-spacing: -.02em; margin: 0;
}
.ex-section-head .ex-count {
  font: 500 12px/1 'JetBrains Mono', monospace;
  letter-spacing: .16em; text-transform: uppercase; color: rgba(11, 11, 11, .55);
}

.ex-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
}
.ex-grid--wide { grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); }

.ex-card {
  display: flex; flex-direction: column;
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(11, 11, 11, .10);
  border-radius: 22px;
  overflow: hidden;
  transition: transform .32s cubic-bezier(.22,1,.36,1), box-shadow .32s, border-color .32s;
}
.ex-card:hover {
  transform: translateY(-5px);
  border-color: rgba(179,38,30, .38);
  box-shadow: 0 26px 60px rgba(11, 11, 11, .11);
}
.ex-card .ex-shot {
  position: relative; aspect-ratio: 16 / 10; background: #FFFFFF; overflow: hidden;
}
.ex-card .ex-shot img, .ex-card .ex-shot video {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.ex-card .ex-shot::after {
  content: ""; position: absolute; inset: 0;
  box-shadow: inset 0 -60px 60px -50px rgba(11, 11, 11, .35);
  pointer-events: none;
}
.ex-card .ex-tag {
  position: absolute; top: 14px; left: 14px; z-index: 3;
  background: #FFCD05; color: #0B0B0B;
  font: 700 10.5px/1 'JetBrains Mono', monospace;
  letter-spacing: .1em; text-transform: uppercase;
  padding: 8px 13px; border-radius: 80px;
}
.ex-card .ex-tag--red { background: #B3261E; color: #FFFFFF; }
.ex-card .ex-body { padding: 22px 24px 26px; display: flex; flex-direction: column; flex: 1; }
.ex-card .ex-meta {
  font: 500 11px/1 'JetBrains Mono', monospace;
  letter-spacing: .12em; text-transform: uppercase;
  color: rgba(11, 11, 11, .5); margin-bottom: 12px;
}
.ex-card h3 {
  font-family: 'Fraunces', serif; font-weight: 400;
  font-size: 24px; line-height: 1.18; letter-spacing: -.015em; margin: 0 0 12px;
}
.ex-card p { font-size: 14.5px; line-height: 1.68; color: rgba(11, 11, 11, .68); margin: 0 0 20px; }
.ex-card .ex-go {
  margin-top: auto; display: inline-flex; align-items: center; gap: 9px;
  font-size: 13.5px; font-weight: 600; color: #B3261E;
}
.ex-card .ex-go:hover { color: #B3261E; }
.ex-card .ex-go::after { content: "→"; transition: transform .25s; }
.ex-card:hover .ex-go::after { transform: translateX(5px); }

.ex-empty {
  grid-column: 1 / -1;
  background: #FFFFFF; border: 1px dashed rgba(11, 11, 11, .2);
  border-radius: 22px; padding: 60px 30px; text-align: center;
  color: rgba(11, 11, 11, .62); font-size: 15px; line-height: 1.7;
}
.ex-empty strong { color: #0B0B0B; display: block; font-size: 19px; margin-bottom: 10px; }

.ex-pager { display: flex; justify-content: center; margin-top: 54px; }
.ex-pager nav { display: flex; gap: 8px; }
.ex-pager a, .ex-pager span {
  min-width: 44px; min-height: 44px; display: inline-flex; align-items: center;
  justify-content: center; padding: 0 16px; border-radius: 80px;
  border: 1px solid rgba(11, 11, 11, .14); font-size: 13.5px; color: #0B0B0B;
}
.ex-pager a:hover { border-color: #B3261E; color: #B3261E; }
.ex-pager [aria-current="page"] { background: #B3261E; border-color: #B3261E; color: #FFFFFF; }

/* admin affordance attached to each editable tile */
.ex-admin {
  display: inline-flex; align-items: center; gap: 8px;
  font: 600 11px/1 'JetBrains Mono', monospace;
  letter-spacing: .1em; text-transform: uppercase;
  color: rgba(11, 11, 11, .55);
  border: 1px solid rgba(11, 11, 11, .16);
  border-radius: 80px; padding: 8px 14px; margin-top: 14px;
}
.ex-admin:hover { color: #B3261E; border-color: #B3261E; background: rgba(179,38,30, .04); }

/* the inline film viewer the tiles open */
.ex-film {
  position: fixed; inset: 0; z-index: 9000;
  background: rgba(11, 11, 11, .86);
  display: flex; align-items: center; justify-content: center; padding: 5vh 5vw;
}
.ex-film video { max-width: 100%; max-height: 90vh; border-radius: 18px; background: #FFFFFF; }
.ex-film button {
  position: absolute; top: 26px; right: 26px;
  background: #FFFFFF; color: #0B0B0B; border-radius: 80px;
  padding: 12px 22px; font-weight: 600;
}

@media (max-width: 900px) {
  .ex-hero { padding: 118px 0 54px; }
  .ex-grid, .ex-grid--wide { grid-template-columns: 1fr; gap: 22px; }
  .ex-section { padding-top: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  .ex-card, .ex-card .ex-go::after { transition: none !important; }
  .ex-card:hover { transform: none; }
}

/* ── 12. the administrator bar + per-tile admin affordance ───────────────── */
.ex-adminbar {
  display: flex; flex-wrap: wrap; align-items: center; gap: 14px;
  margin: 0 0 34px; padding: 18px 22px;
  background: #FFFFFF;
  border: 1px solid rgba(11, 11, 11, .12);
  border-left: 4px solid #FFCD05;
  border-radius: 18px;
  font-size: 14px; color: #0B0B0B;
}
.ex-adminbar span { flex: 1 1 320px; color: rgba(11, 11, 11, .72); }

/* badges and overlays that were white-on-dark must go ink-on-white */
[class*="bg-black"] :is(span, a, p, h1, h2, h3, small, div),
[class*="bg-gray-9"] :is(span, a, p, h1, h2, h3, small, div),
[class*="bg-zinc-9"] :is(span, a, p, h1, h2, h3, small, div),
[class*="bg-neutral-9"] :is(span, a, p, h1, h2, h3, small, div),
[class*="bg-stone-9"] :is(span, a, p, h1, h2, h3, small, div) {
  color: #0B0B0B !important;
}
[class*="text-white"],
[class*="text-gray-1"],
[class*="text-gray-2"],
[class*="text-gray-3"],
[class*="text-zinc-1"],
[class*="text-zinc-2"],
[class*="text-zinc-3"],
[class*="text-slate-1"],
[class*="text-slate-2"],
[class*="text-neutral-1"],
[class*="text-neutral-2"] {
  color: #0B0B0B !important;
}
/* but keep white text where it still sits on a genuine red or black accent */
[class*="bg-[#B3261E]"] [class*="text-white"],
.btn[class*="text-white"],
.ex-tag--red { color: #FFFFFF !important; }

/* Shared experience shell: public detail pages and the complete existing admin. */
html[data-theme] {--s-white:#FFFFFF;--s-black:#0B0B0B;--s-red:#B3261E;--s-yellow:#FFCD05;--s-sand:#FFFFFF;--s-sand-alt:#FFFFFF;--s-yellow-soft:#FFCD05;--s-yellow-deep:#FFCD05;--s-yellow-ink:#0B0B0B;--s-red-hover:#B3261E;--au-ink:#0B0B0B;--au-ink-deep:#0B0B0B;--kicc-gold:#FFCD05;--kicc-red:#B3261E;--font-head:'Fraunces',serif;--font-ui:'Inter Tight',sans-serif;}
.experience-world{font-family:'Inter Tight',sans-serif!important;background:#FFFFFF!important;color:#0B0B0B!important;}
.experience-world h1,.experience-world h2,.experience-world h3{font-family:'Fraunces',serif!important;font-weight:400!important;}
.ex-light-label{font-size:11px;color:#0B0B0B;white-space:nowrap;}
.rb-nav{overflow:visible!important;box-shadow:none!important;}
.rb-nav .nav-inner{gap:12px;}
.rb-nav .nav-links{gap:0;}
.rb-nav .nav-links a{font-size:12px;padding:10px 9px;}
.experience-world .logo img{height:36px;width:auto;}
.experience-world #app>.pt-20{padding-top:24px!important;}
.experience-world :is(.glass,.glass-card,.glass-nav,.glass-header,.glass-drawer,.kpi-card,.ra-card,.ra-card-dark,.sector-stats,.stat-strip,.tbl-wrap,.stat,.panel,.skeleton){background:rgba(255,255,255,.92)!important;color:#0B0B0B!important;border:1px solid rgba(11,11,11,.12)!important;border-radius:18px;backdrop-filter:blur(18px);}
.experience-world :is(.glass-nav,.glass-header){border-radius:0;}
.experience-world :is(.sidebar-link,.sidebar-link-active,.sidebar-link-inactive){display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#0B0B0B!important;}
.experience-world .sidebar-link-active{background:rgba(179,38,30,.06)!important;border:1px solid #B3261E;}
.experience-world :is(.btn-primary,.ra-btn){display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:#B3261E!important;color:#FFFFFF!important;border:1px solid #B3261E!important;border-radius:80px;}
.experience-world :is(.btn-ghost,.ra-btn-ghost,.btn-danger,.btn-success){display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:#FFFFFF!important;color:#0B0B0B!important;border:1px solid rgba(11,11,11,.25)!important;border-radius:80px;}
.experience-world .btn-danger{color:#B3261E!important;}
.experience-world .btn-gold{background:#FFCD05!important;color:#0B0B0B!important;}
.experience-world :is(.status-pill,.status-paid,.status-pending,.status-active,.status-draft,.ra-pill,.ra-pill-ok,.ra-pill-draft){background:#FFFFFF!important;color:#0B0B0B!important;border:1px solid rgba(11,11,11,.15)!important;}
.experience-world :is(.ra-err,.ra-btn-danger,.status-failed){color:#B3261E!important;background:#FFFFFF!important;border-color:#B3261E!important;}
.experience-world :is(.ra-ok,.ra-notice){color:#0B0B0B!important;background:#FFFFFF!important;border-color:rgba(11,11,11,.2)!important;}
.experience-world [class*="text-white"],.experience-world [class*="text-zinc-"],.experience-world [class*="text-gray-"],.experience-world [class*="text-slate-"],.experience-world [class*="text-emerald-"],.experience-world [class*="text-indigo-"],.experience-world [class*="text-blue-"],.experience-world [class*="text-cyan-"],.experience-world [class*="text-amber-"]{color:#0B0B0B!important;}
.experience-world [class*="bg-[#"],.experience-world [class*="bg-zinc-"],.experience-world [class*="bg-slate-"],.experience-world [class*="bg-gray-"],.experience-world [class*="bg-neutral-"]{background-color:#FFFFFF!important;}
.experience-world :is(button,a)[class*="bg-[#B3261E]"],.experience-world :is(button,a)[class*="bg-[#B3261E]"]{background:#B3261E!important;color:#FFFFFF!important;}
.experience-world [class*="bg-[#FFCD05]"]{background:#FFCD05!important;color:#0B0B0B!important;}
.experience-world [class*="bg-gradient-"]{background-image:none!important;}
.experience-world :is(.rb-table,.ra-table,.tbl){color:#0B0B0B!important;background:#FFFFFF!important;}
.experience-world :is(.orbit-screen,.sx-close,.tm-empty,.tm-window,.ex-film,.tm-dialog,.tm-player,.mobile-menu){background:#FFFFFF!important;color:#0B0B0B!important;}
.experience-world .orbit-screen a,.experience-world .orbit-caption{color:#0B0B0B!important;}
.experience-world input::placeholder{color:rgba(11,11,11,.65)!important;}
.experience-world :focus-visible{outline:3px solid #B3261E;outline-offset:3px;}
.experience-world .experience-admin-shell{min-height:calc(100vh - 74px);height:auto;}
.experience-world .experience-admin-shell>.glass-nav{position:sticky;top:74px;height:calc(100vh - 74px);}
.ex-illustration-note{position:absolute;left:10px;bottom:10px;padding:6px 10px;background:rgba(255,255,255,.95);color:#0B0B0B;font-size:10px;border-radius:80px;z-index:4;}
.ex-view-controls{display:flex;gap:8px;}
.ex-view-controls button[aria-pressed="true"]{background:#FFCD05!important;color:#0B0B0B!important;}
[data-county-results][data-view="strip"]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:24px;}
[data-county-results][data-view="strip"]>.ex-card{flex:0 0 min(78vw,400px);scroll-snap-align:start;}
@media(max-width:1200px){.rb-nav .nav-links{display:none!important}.rb-nav .burger{display:block!important}.ex-light-label{display:none;}}
@media(max-width:760px){.experience-admin-shell{flex-direction:column}.experience-admin-shell>.glass-nav{position:relative!important;top:auto!important;width:100%!important;height:auto!important;max-height:280px;}.experience-world .ex-hero{padding-top:85px;}.rb-nav .nav-cta a{display:inline-flex!important;}}

/* Specificity gate: no higher-specificity legacy selector may darken the shell. */
html[data-theme="light"] body.experience-world :is(footer.footer,footer.rb-footer,#chapter-close,.sx-close,.sx-archive,.ed-flat,.ed-plate,.ed-interlude,.orbit-screen,.mobile-menu,.tm-dialog,.tm-player,.ex-film){background:#FFFFFF!important;color:#0B0B0B!important;}
html[data-theme="light"] body.experience-world footer :is(a,p,span,small,.muted-xs,.logo){color:#0B0B0B!important;}
html[data-theme="light"] body.experience-world footer a:hover{color:#B3261E!important;}
html[data-theme="light"] body.experience-world :is(.tm-dialog,.ex-film)::backdrop{background:rgba(255,255,255,.85)!important;}
html[data-theme="light"] body.experience-world :is(.glass-card-dark,.shader-dark,.admin-pane,.stat-strip,.sector-stats){background:#FFFFFF!important;color:#0B0B0B!important;}
html[data-theme="light"] body.experience-world :is(.btn.gold,.btn-gold,.ex-tag,.badge.gold){background:#FFCD05!important;color:#0B0B0B!important;}

/* Reference document page-head scale, with the requested bright four-colour treatment. */
.ex-breadcrumb { margin-top:110px; font-size:13px; color:#0B0B0B; }
.ex-breadcrumb a { color:#B3261E; }
.ex-hero.page-head { padding-top:28px; }
.ex-hero.page-head h1 { font-size:clamp(2rem,4vw,3.2rem); margin-top:12px; max-width:100%; }
.ex-illustration-note { z-index:4; max-width:calc(100% - 20px); background:#FFFFFF; color:#0B0B0B; font-size:10px; line-height:1.4; }
@media(max-width:760px) { .ex-breadcrumb { margin-top:90px; } .ex-hero.page-head { padding-top:20px; } }

/* Remove the actual dark pseudo-element scrims, not only their parent grounds. */
html[data-theme="light"] body.experience-world :is(.sx-hero,.ed-bleed,.ed-plate,.orbit-screen,.tm-window,.ex-shot,.hero-video,.viewer3d)::before,
html[data-theme="light"] body.experience-world :is(.sx-hero,.ed-bleed,.ed-plate,.orbit-screen,.tm-window,.ex-shot,.hero-video,.viewer3d)::after{background:none!important;background-image:none!important;box-shadow:none!important;}
html[data-theme="light"] body.experience-world header.sx-hero{background:#FFFFFF!important;}
html[data-theme="light"] body.experience-world header.sx-hero .ed-bleed{background:#FFFFFF!important;}
html[data-theme="light"] body.experience-world header.sx-hero .ed-bleed video,
html[data-theme="light"] body.experience-world header.sx-hero .ed-bleed img{opacity:.15!important;filter:brightness(1.35)!important;}
html[data-theme="light"] body.experience-world header.sx-hero .ed-layer{background:transparent!important;}
html[data-theme="light"] body.experience-world .orbit-caption :is(h3,p,a){color:#0B0B0B!important;}
html[data-theme="light"] body.experience-world .orbit-screen{box-shadow:0 10px 30px rgba(11,11,11,.08)!important;}