/* Optional content skins with distinct header and footer palettes in every scheme. */
/* In-page routes share the transcript category treatment, sized to their labels. */
html body :is(.btn,.btn-secondary,.btn-ghost,.nav-action,button[data-skin-control],a[data-skin-control]) {
  text-align: center !important;
}
html[data-colour-scheme][data-colour-scheme] body :is(
  .briefing-summary-nav,
  nav[class*="section-nav"], nav[class*="page-nav"],
  .witness-section-nav__links,.human-section-nav__links
):not([hidden]) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .4rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-colour-scheme][data-colour-scheme] body :is(
  [class*="section-nav__label"],[class*="page-nav__label"],
  .witness-section-nav__links,.human-section-nav__links
) { flex-basis: 100%; }
html[data-colour-scheme][data-colour-scheme] body :is(
  [class*="section-nav"] a,[class*="page-nav"] a,.briefing-summary-nav a
):not([hidden]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: start !important;
  flex: 0 1 auto !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 2rem !important;
  padding: .496rem .6rem !important;
  border: 1px solid var(--outline-silver) !important;
  border-radius: var(--skin-radius, 5px) !important;
  background: var(--skin-control, linear-gradient(145deg,rgba(35,88,123,.72),rgba(18,43,64,.88))) !important;
  color: var(--skin-text,rgba(238,248,255,.84)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.07) !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  text-transform: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-decoration: none !important;
}
html[data-colour-scheme][data-colour-scheme] body :is(
  [class*="section-nav"] a,[class*="page-nav"] a,.briefing-summary-nav a
):hover { border-color: var(--outline-silver-hover) !important; }
/* Retain the intentionally omitted duplicate Roswell route. */
html[data-colour-scheme][data-colour-scheme] body [data-static-deep-dive] .case-section-nav__link[href="#the-1947-event-and-contemporary-record"] { display: none !important; }
@media (pointer: coarse) {
  html[data-colour-scheme][data-colour-scheme] body :is(
    [class*="section-nav"] a,[class*="page-nav"] a,.briefing-summary-nav a
  ):not([hidden]) { min-height: 44px !important; }
}

:root {
  --skin-header-fill: rgba(12, 31, 48, .96);
  --skin-footer-fill: #172e3d;
  --skin-header-text: #edf3fa;
  --skin-header-accent: #b1deed;
  --skin-footer-text: #dbe7f0;
  --skin-footer-accent: #a8d9ec;
  --skin-footer-control: #132333;
  --skin-footer-primary-text: #07101f;
  --skin-switch-bg: #101923;
  --skin-switch-text: #edf3fa;
  --skin-switch-line: #64717e;
  --skin-switch-focus: #c7e3ed;
}
html[data-colour-scheme="white-teal"] {
  color-scheme: light;
  --skin-bg: #fff;
  --skin-wash: rgba(255, 255, 255, .55);
  --skin-fill: linear-gradient(135deg, rgba(255,255,255,.28), rgba(234,250,246,.16));
  --skin-dialog-fill: rgba(248,255,252,.96);
  --skin-header-fill: rgba(214,241,235,.86);
  --skin-footer-fill: rgba(16,59,54,.94);
  --skin-header-text: #111918;
  --skin-header-accent: #005954;
  --skin-footer-text: #effbf7;
  --skin-footer-accent: #8ae8d7;
  --skin-footer-control: #1b4c45;
  --skin-footer-primary-text: #103b36;
  --skin-soft: #eaf6f4;
  --skin-text: #0a1110;
  --skin-muted: #142522;
  --skin-accent: #002925;
  --skin-bright: #35d7c7;
  --skin-line: rgba(17,25,24,.14);
  --skin-hover-line: rgba(0,59,56,.30);
  --skin-control: rgba(229,247,243,.30);
  --skin-radius: 3px;
  --skin-switch-bg: #fff;
  --skin-switch-text: #111918;
  --skin-switch-line: #111918;
  --skin-switch-focus: #006d68;
}
html[data-colour-scheme="cybergoth"] {
  color-scheme: dark;
  --skin-bg: #08090b;
  --skin-wash: rgba(6, 7, 9, .57);
  --skin-fill: linear-gradient(125deg, rgba(41,44,49,.24), rgba(21,23,27,.16) 28%, rgba(11,13,16,.12) 70%, rgba(32,35,41,.24));
  --skin-dialog-fill: rgba(14,17,22,.96);
  --skin-header-fill: linear-gradient(110deg, rgba(53,59,68,.86), rgba(32,38,47,.86) 45%, rgba(59,66,77,.86));
  --skin-footer-fill: rgba(23,28,36,.92);
  --skin-header-text: #f0f2f4;
  --skin-header-accent: #a0efff;
  --skin-footer-text: #e6ebf2;
  --skin-footer-accent: #9cffa9;
  --skin-footer-control: linear-gradient(180deg,#343b45,#202630);
  --skin-footer-primary-text: #171c24;
  --skin-soft: #17191e;
  --skin-text: #ffffff;
  --skin-muted: #fbfcfe;
  --skin-accent: #e9fdff;
  --skin-bright: #8fffad;
  --skin-line: rgba(184,191,201,.14);
  --skin-hover-line: rgba(196,247,255,.30);
  --skin-control: linear-gradient(180deg, rgba(51,55,62,.28), rgba(18,20,24,.22) 65%, rgba(32,36,42,.28));
  --skin-radius: 2px;
  --skin-switch-bg: #101216;
  --skin-switch-text: #f0f2f4;
  --skin-switch-line: #747d89;
  --skin-switch-focus: #83eaff;
}
html[data-colour-scheme="atomic"] {
  color-scheme: light;
  --skin-bg: #faf3df;
  --skin-wash: rgba(250, 243, 223, .59);
  --skin-fill: linear-gradient(145deg, rgba(255,249,233,.28), rgba(246,239,215,.16));
  --skin-dialog-fill: rgba(255,249,233,.96);
  --skin-header-fill: rgba(245,235,207,.90);
  --skin-footer-fill: rgba(14,45,51,.94);
  --skin-header-text: #183b40;
  --skin-header-accent: #07535b;
  --skin-footer-text: #fff4df;
  --skin-footer-accent: #ffe0a3;
  --skin-footer-control: #244a50;
  --skin-footer-primary-text: #0e2d33;
  --skin-soft: #d5e8df;
  --skin-text: #182b28;
  --skin-muted: #162a23;
  --skin-accent: #002b27;
  --skin-bright: #d66049;
  --skin-line: rgba(62,81,67,.14);
  --skin-hover-line: rgba(94,63,42,.30);
  --skin-control: rgba(213,232,223,.30);
  --skin-radius: 3px 16px 3px 3px;
  --skin-switch-bg: #fff9e9;
  --skin-switch-text: #233b39;
  --skin-switch-line: #657c70;
  --skin-switch-focus: #14675f;
}

html[data-colour-scheme]:not([data-colour-scheme="current"]) {
  --bg: var(--skin-bg);
  --surface: var(--skin-soft);
  --surface-soft: var(--skin-soft);
  --surface-light: var(--skin-bg);
  --text: var(--skin-text);
  --text-muted: var(--skin-muted);
  --muted: var(--skin-muted);
  --quiet: var(--skin-muted);
  --accent: var(--skin-accent);
  --accent-soft: var(--skin-soft);
  --border: var(--skin-line);
  --line: var(--skin-line);
  --panel: var(--skin-soft);
  --card-bg: var(--skin-soft);
  --card-border: var(--skin-line);
  --input-bg: var(--skin-soft);
  --input-border: var(--skin-line);
  --input-focus: var(--skin-accent);
  --outline-silver: var(--skin-line) !important;
  --outline-silver-hover: var(--skin-hover-line) !important;
  --outline-focus: var(--skin-accent);
  --podcast-bg: var(--skin-bg);
  --podcast-card: var(--skin-soft);
  --podcast-card-solid: var(--skin-soft);
  --podcast-text: var(--skin-text);
  --podcast-muted: var(--skin-muted);
  --podcast-line: var(--skin-line);
  --podcast-accent: var(--skin-accent);
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) body {
  background-color: var(--skin-bg) !important;
  color: var(--skin-text);
}
/* Replace dark veils with scheme-specific tints while retaining the same images. */
html[data-colour-scheme]:not([data-colour-scheme="current"]) body::after {
  content: none;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) body:not([data-skin-background]) {
  background-image: none !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) [data-skin-background] {
  background-image: linear-gradient(var(--skin-wash),var(--skin-wash)), var(--skin-original-background) !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) [data-skin-surface] {
  background: var(--skin-fill) !important;
  color: var(--skin-text) !important;
  border: 0 !important;
  border-radius: var(--skin-radius) !important;
  box-shadow: none !important;
  backdrop-filter: none;
  outline: none;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) [data-skin-surface]:focus-visible {
  outline: 2px solid var(--skin-accent) !important;
  outline-offset: 3px;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) main [data-skin-surface] [data-skin-surface] {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none;
}
/* Let the page image carry large reading areas rather than framing another card. */
html[data-colour-scheme]:not([data-colour-scheme="current"]) :is(
  .page-header,.hero-copy,.briefing-summary,.briefing-summary-card,
  .content-panel,.list-card,.case-section,.podcast-summary,.editorial-feedback-box
)[data-skin-surface] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) .section-light[data-skin-surface] {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) :is(.header, .footer)[data-skin-surface] {
  border-radius: 0 !important;
  box-shadow: none !important;
  border-block: 0;
}
html[data-colour-scheme][data-colour-scheme] body .header[data-skin-surface] {
  background: var(--skin-header-fill) !important;
  --skin-text: var(--skin-header-text);
  --skin-accent: var(--skin-header-accent);
  --text: var(--skin-header-text);
  --text-muted: var(--skin-header-text);
}
html[data-colour-scheme][data-colour-scheme] body .footer[data-skin-surface] {
  background: var(--skin-footer-fill) !important;
  --skin-text: var(--skin-footer-text);
  --skin-accent: var(--skin-footer-accent);
  --skin-control: var(--skin-footer-control);
  --skin-primary-text: var(--skin-footer-primary-text);
  --text: var(--skin-footer-text);
  --text-muted: var(--skin-footer-text);
}
html[data-colour-scheme][data-colour-scheme] body .footer [data-skin-ink] { color: var(--skin-footer-text) !important; }
html[data-colour-scheme][data-colour-scheme] body .footer [data-skin-link] { color: var(--skin-footer-accent) !important; }
html[data-colour-scheme]:not([data-colour-scheme="current"]) .hero-copy[data-skin-surface] {
  padding: clamp(1rem, 2vw, 1.5rem);
  border: 0;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) .page-header[data-skin-surface] {
  padding: clamp(1rem, 2.5vw, 2rem) !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) .uaprad-consent-banner[data-skin-surface] {
  opacity: 1 !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) :is(dialog,[role="dialog"],.uaprad-consent-banner)[data-skin-surface] {
  background: var(--skin-dialog-fill) !important;
}
html[data-colour-scheme][data-colour-scheme]:not([data-colour-scheme="current"]) body :is(
  [class*="section-nav"] a,[class*="page-nav"] a,.briefing-summary-nav a
):not([hidden]) { box-shadow: none !important; }
html[data-colour-scheme]:not([data-colour-scheme="current"]) [data-skin-ink] {
  color: var(--skin-text) !important;
  text-shadow: none !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) [data-skin-link] {
  color: var(--skin-accent) !important;
  text-shadow: none !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) [data-skin-link] :is(span,strong,small) {
  color: inherit !important;
  text-shadow: none !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) [data-skin-link]:hover {
  text-decoration: underline;
  text-underline-offset: .2em;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) [data-skin-control] {
  background: var(--skin-control) !important;
  color: var(--skin-text) !important;
  border-color: var(--skin-line) !important;
  border-radius: var(--skin-radius) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) [data-skin-control]:hover {
  border-color: var(--skin-hover-line) !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) [data-skin-control]:focus-visible {
  outline: 2px solid var(--skin-accent) !important;
  outline-offset: 3px;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) [data-skin-control] :is(span,strong,small,b,em,i,p,h2,h3,h4,h5,h6) {
  color: inherit !important;
  text-shadow: none !important;
}
html[data-colour-scheme][data-colour-scheme][data-colour-scheme]:not([data-colour-scheme="current"]) body :is([data-skin-card-control],a[data-skin-surface]) {
  background: var(--skin-soft) !important;
  color: var(--skin-text) !important;
}
html[data-colour-scheme][data-colour-scheme][data-colour-scheme]:not([data-colour-scheme="current"]) body a[data-skin-surface] :is(span,strong,small,b,em,i,p,h2,h3,h4,h5,h6) {
  color: inherit !important;
  text-shadow: none !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) a[data-skin-surface]:hover {
  border-color: var(--skin-hover-line) !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) a[data-skin-surface]:focus-visible {
  outline: 2px solid var(--skin-accent) !important;
  outline-offset: 3px;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) [data-skin-control]:disabled {
  color: var(--skin-muted) !important;
  cursor: not-allowed;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) :is(input,textarea)[data-skin-control]::placeholder {
  color: var(--skin-muted);
  opacity: 1;
}
html:is([data-colour-scheme="white-teal"],[data-colour-scheme="atomic"]) :is(.btn,.nav-action--member)[data-skin-control] {
  background: var(--skin-accent) !important;
  color: var(--skin-primary-text, #fff) !important;
}
html[data-colour-scheme="cybergoth"] :is(.btn,.nav-action--member)[data-skin-control] {
  background: var(--skin-control) !important;
  color: #a0f5ff !important;
}
/* Tools and creator artwork retain the palette expected by their own code. */
html[data-colour-scheme]:not([data-colour-scheme="current"]) :is([data-research-app],.qr-workspace,.qr-selection,.qra,[data-skin-image],.podcaster-navigation) {
  --text: #f5f9ff;
  --text-muted: #b8c6d6;
  --accent: #5ad4ff;
  --outline-silver: rgba(192,192,192,.22) !important;
  --outline-silver-hover: rgba(192,192,192,.38) !important;
  --outline-focus: #a8a8a8;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) :is(#stage,[class^="greg-"],[class*=" greg-"]) {
  --bg: #07101f;
  --surface: #0f1c2f;
  --text: #f5f9ff;
  --text-muted: #b8c6d6;
  --muted: #b8c6d6;
  --quiet: #8a9eb3;
  --accent: #5ad4ff;
  --outline-silver: rgba(192,192,192,.22) !important;
  --outline-silver-hover: rgba(192,192,192,.38) !important;
}

/* Rating geometry is functional: keep oval entry wells and circular marks in
   every palette. The existing fill fractions, radio inputs and handlers remain. */
html[data-colour-scheme="white-teal"],html[data-colour-scheme="atomic"] {
  --skin-rating-line: #526f69;
  --skin-rating-fill: #00645e;
  --skin-rating-focus: #005954;
}
html[data-colour-scheme="atomic"] {
  --skin-rating-line: #647660;
  --skin-rating-fill: #185c55;
  --skin-rating-focus: #183b40;
}
html[data-colour-scheme="cybergoth"] {
  --skin-rating-line: #aab9c9;
  --skin-rating-fill: #83eaff;
  --skin-rating-focus: #9cffa9;
}
html[data-colour-scheme][data-colour-scheme][data-colour-scheme]:not([data-colour-scheme="current"]) body :is(.case-rating-panel,.research-community-ratings) {
  background: var(--skin-soft) !important;
  color: var(--skin-text) !important;
}
html[data-colour-scheme][data-colour-scheme][data-colour-scheme]:not([data-colour-scheme="current"]) body :is(.case-rating-pill,.case-community-pill,.research-case-card__rating) {
  background: var(--skin-soft) !important;
  border: 1px solid var(--skin-rating-line) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
html[data-colour-scheme][data-colour-scheme][data-colour-scheme]:not([data-colour-scheme="current"]) body :is(.case-rating-circle,.case-community-circle,.research-case-card__rating-dot) {
  background: var(--skin-soft) !important;
  border: 1.5px solid var(--skin-rating-line) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}
html[data-colour-scheme][data-colour-scheme][data-colour-scheme]:not([data-colour-scheme="current"]) body .case-rating-choice.is-filled .case-rating-circle {
  background: var(--skin-rating-fill) !important;
  border-color: var(--skin-rating-fill) !important;
}
html[data-colour-scheme][data-colour-scheme][data-colour-scheme]:not([data-colour-scheme="current"]) body :is(.case-community-circle,.research-case-card__rating-dot)::before {
  background: var(--skin-rating-fill) !important;
  border-radius: inherit;
  box-shadow: none !important;
}
html[data-colour-scheme][data-colour-scheme][data-colour-scheme]:not([data-colour-scheme="current"]) body .case-rating-choice input:focus-visible + .case-rating-circle {
  outline: 2px solid var(--skin-rating-focus) !important;
  outline-offset: 4px;
}
html[data-colour-scheme][data-colour-scheme][data-colour-scheme]:not([data-colour-scheme="current"]) body .case-rating-choice input:disabled + .case-rating-circle {
  opacity: .55;
}
html[data-colour-scheme][data-colour-scheme][data-colour-scheme]:not([data-colour-scheme="current"]) body :is(.case-rating-scale,.case-rating-average,.case-community-row small,.research-community-ratings p) {
  color: var(--skin-text) !important;
}
html[data-colour-scheme][data-colour-scheme][data-colour-scheme]:not([data-colour-scheme="current"]) body .case-rating-clear {
  background: transparent !important;
  color: var(--skin-accent) !important;
}
@media (forced-colors: active) {
  html[data-colour-scheme]:not([data-colour-scheme="current"]) {
    --skin-rating-line: ButtonText;
    --skin-rating-fill: Highlight;
    --skin-rating-focus: Highlight;
  }
  html[data-colour-scheme][data-colour-scheme][data-colour-scheme]:not([data-colour-scheme="current"]) body :is(.case-rating-panel,.research-community-ratings,.case-rating-pill,.case-community-pill,.research-case-card__rating,.case-rating-circle,.case-community-circle,.research-case-card__rating-dot) {
    background: Canvas !important;
    color: CanvasText !important;
  }
  html[data-colour-scheme][data-colour-scheme][data-colour-scheme]:not([data-colour-scheme="current"]) body .case-rating-choice.is-filled .case-rating-circle {
    background: Highlight !important;
  }
}

/* Four quartered squares form the compact cube switch. */
.nav-wrap > .colour-schemes-brand {
  display: grid !important;
  grid-template-columns: minmax(0, max-content);
  align-items: start;
  justify-items: start;
  gap: .35rem;
}
.colour-schemes-brand > .brand { grid-column: 1; grid-row: 1; }
.colour-schemes-brand > .colour-schemes-controls { grid-column: 1; grid-row: 2; }
.colour-schemes-controls { display: flex; align-items: center; gap: .5rem; margin-inline-start: var(--skin-brand-indent, 0px); }
.colour-schemes-controls > :is(.colour-schemes,.language-selector) { margin: 0 !important; }
.colour-schemes--header { flex: 0 0 44px; margin: 0 !important; }
@media (min-width: 901px) {
  .header .nav-wrap.colour-schemes-header { display: grid; grid-template-columns: minmax(180px,max-content) minmax(0,1fr) auto 44px; gap: 1.25rem; align-items: center; }
  .colour-schemes-header > .colour-schemes-brand { grid-column: 1; grid-row: 1; }
  .colour-schemes-header > .site-nav { grid-column: 2; grid-row: 1; }
  .colour-schemes-header > :is(.nav-actions,.nav-action) { grid-column: 3; grid-row: 1; }
  .colour-schemes-header > .colour-schemes { grid-column: 4; grid-row: 1; }
}
@media (max-width: 900px) {
  .header:has(.colour-schemes-header) { padding-block: 1rem; }
  .header .nav-wrap.colour-schemes-header > .colour-schemes-brand { min-width: 0; max-width: 100%; }
  .colour-schemes-brand :is(.brand,.brand-text) { min-width: 0; max-width: 100%; }
  .colour-schemes-brand .site-subtitle-home { white-space: normal; }
  .header.has-mobile-menu .site-menu-toggle { width: 93px !important; min-width: 93px !important; height: 66px !important; min-height: 66px !important; padding: .6rem .75rem !important; font-size: 1rem; line-height: 1.2; text-align: center; }
  .colour-schemes-controls .language-selector__select { width: 44px; min-width: 44px; height: 44px; }
  .colour-schemes-controls .language-selector__submit { width: 44px; min-width: 44px; height: 44px; padding: .25rem; }
}
.colour-schemes { display: inline-flex; vertical-align: middle; margin-top: .5rem; }
.colour-schemes--floating { position: fixed; inset: 12px 12px auto auto; z-index: 1700; margin: 0; }
.colour-schemes .colour-schemes__toggle {
  appearance: none;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 6px;
  border: 1px solid var(--skin-switch-line) !important;
  border-radius: 3px;
  background: var(--skin-switch-bg);
  cursor: pointer;
  box-shadow: 2px 2px 0 rgba(0,0,0,.20);
}
.colour-schemes__cube { display: grid; grid-template-columns: 1fr 1fr; width: 28px; height: 28px; gap: 2px; transform: skewY(-5deg); }
.colour-schemes__tile { min-width: 0; border: 1px solid rgba(0,0,0,.25); }
.colour-schemes__tile--white-teal { background: linear-gradient(135deg,#fff 0% 33%,#35d7c7 33% 66%,#006d68 66%); }
.colour-schemes__tile--current { background: linear-gradient(135deg,#07101f 0% 45%,#5ad4ff 45% 65%,#a2adb7 65%); }
.colour-schemes__tile--cybergoth { background: linear-gradient(135deg,#111318 0% 30%,#a6aeb9 30% 47%,#ff5674 47% 64%,#83ffa7 64% 81%,#50b9ff 81%); }
.colour-schemes__tile--atomic { background: linear-gradient(135deg,#faf3df 0% 25%,#8ebcac 25% 50%,#d66049 50% 75%,#bd9235 75%); }
html[data-colour-scheme="white-teal"] .colour-schemes__tile[data-scheme="white-teal"],
html[data-colour-scheme="current"] .colour-schemes__tile[data-scheme="current"],
html[data-colour-scheme="cybergoth"] .colour-schemes__tile[data-scheme="cybergoth"],
html[data-colour-scheme="atomic"] .colour-schemes__tile[data-scheme="atomic"] { outline: 1px solid var(--skin-switch-text); outline-offset: 1px; }
.colour-schemes__panel {
  position: fixed;
  z-index: 1900;
  box-sizing: border-box;
  max-height: calc(100dvh - 24px);
  overflow-y: auto;
  padding: 12px;
  border: 1px solid var(--skin-switch-line) !important;
  border-radius: 4px;
  background: var(--skin-switch-bg);
  color: var(--skin-switch-text);
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
  font: 14px/1.4 "Archivo",Arial,sans-serif;
}
.colour-schemes__panel[hidden] { display: none !important; }
.colour-schemes__panel .colour-schemes__heading { margin: 0 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--skin-switch-text); }
.colour-schemes__panel .colour-schemes__option {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 58px;
  padding: 8px;
  margin: 3px 0;
  border: 1px solid transparent !important;
  border-radius: 2px;
  background: transparent;
  color: var(--skin-switch-text);
  font: inherit;
  text-align: start;
  box-shadow: none;
  cursor: pointer;
}
.colour-schemes__panel .colour-schemes__option[aria-checked="true"] { border-color: var(--skin-switch-line) !important; }
.colour-schemes__option[aria-checked="true"]::after { content: "✓"; margin-inline-start: auto; color: var(--skin-switch-text); }
.colour-schemes__swatch { flex: 0 0 30px; width: 30px; height: 30px; border: 1px solid var(--skin-switch-line); border-radius: 2px; }
.colour-schemes__option strong,.colour-schemes__option small { display: block; color: inherit; }
.colour-schemes__option small { margin-top: 2px; font-size: 11px; }
.colour-schemes .colour-schemes__toggle:focus-visible,
.colour-schemes__panel .colour-schemes__option:focus-visible { outline: 2px solid var(--skin-switch-focus) !important; outline-offset: 2px; }
.colour-schemes__status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (forced-colors: active) {
  .colour-schemes__tile,.colour-schemes__swatch { forced-color-adjust: none; }
  .colour-schemes__panel .colour-schemes__option[aria-checked="true"] { border-color: Highlight !important; }
}

/* Atomic 50s: boomerang corners, printed accents and space-age ornaments.
   Decoration sits on the UI; the original photographic scenes stay intact. */
html[data-colour-scheme="atomic"] {
  --atomic-teal: #07535b;
  --atomic-coral: #d66049;
  --atomic-gold: #e9b34d;
  --atomic-star: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20fill%3D%22%23d66049%22%20d%3D%22M40%200%2044%2031%2065%2015%2049%2036%2080%2040%2049%2044%2065%2065%2044%2049%2040%2080%2036%2049%2015%2065%2031%2044%200%2040%2031%2036%2015%2015%2036%2031Z%22%2F%3E%3Cpath%20fill%3D%22%23f3c46c%22%20d%3D%22M40%209%2041%2038%2070%2040%2041%2042%2040%2071%2039%2042%2010%2040%2039%2038Z%22%2F%3E%3C%2Fsvg%3E");
  --atomic-atom: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2321818a%22%20stroke-width%3D%222%22%3E%3Cellipse%20cx%3D%2250%22%20cy%3D%2250%22%20rx%3D%2243%22%20ry%3D%2215%22%2F%3E%3Cellipse%20cx%3D%2250%22%20cy%3D%2250%22%20rx%3D%2243%22%20ry%3D%2215%22%20transform%3D%22rotate(60%2050%2050)%22%2F%3E%3Cellipse%20cx%3D%2250%22%20cy%3D%2250%22%20rx%3D%2243%22%20ry%3D%2215%22%20transform%3D%22rotate(120%2050%2050)%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%227%22%20fill%3D%22%23e9b34d%22%2F%3E%3Ccircle%20cx%3D%2284%22%20cy%3D%2260%22%20r%3D%225%22%20fill%3D%22%23d66049%22%2F%3E%3Ccircle%20cx%3D%2239%22%20cy%3D%2213%22%20r%3D%224%22%20fill%3D%22%23183b40%22%2F%3E%3C%2Fsvg%3E");
  --atomic-orbit: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20100%22%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%2250%22%20r%3D%2232%22%20fill%3D%22%2321818a%22%2F%3E%3Cpath%20d%3D%22M55%2036%2087%2021M49%2055%20107%2028M56%2074%20113%2049%22%20stroke%3D%22%23f5ebcf%22%20stroke-width%3D%222%22%20opacity%3D%22.55%22%2F%3E%3Cellipse%20cx%3D%2280%22%20cy%3D%2250%22%20rx%3D%2272%22%20ry%3D%2214%22%20transform%3D%22rotate(-22%2080%2050)%22%20fill%3D%22none%22%20stroke%3D%22%23d66049%22%20stroke-width%3D%227%22%2F%3E%3Cellipse%20cx%3D%2280%22%20cy%3D%2250%22%20rx%3D%2273%22%20ry%3D%2215%22%20transform%3D%22rotate(-22%2080%2050)%22%20fill%3D%22none%22%20stroke%3D%22%23f5ebcf%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
}
html[data-colour-scheme="atomic"][data-colour-scheme] body .header[data-skin-surface] {
  background-image: var(--atomic-atom), linear-gradient(110deg,rgba(233,179,77,.06),rgba(33,129,138,.06)) !important;
  background-repeat: no-repeat !important;
  background-size: 82px 82px, 100% 100% !important;
  background-position: calc(100% - 24px) center, center !important;
  box-shadow: inset 0 -1px rgba(7,83,91,.22) !important;
}
html[data-colour-scheme="atomic"] .header .nav-wrap { position: relative; }
html[data-colour-scheme="atomic"] .header .site-title {
  font-weight: 850;
  letter-spacing: .12em;
  text-shadow: 1px 1px rgba(214,96,73,.26);
}
html[data-colour-scheme="atomic"] .header .site-nav a {
  text-underline-offset: .35em;
  text-decoration-color: var(--atomic-coral);
}
html[data-colour-scheme="atomic"] .header .site-nav a[aria-current="page"] {
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
html[data-colour-scheme="atomic"][data-colour-scheme] body .footer[data-skin-surface] {
  background-image: var(--atomic-orbit) !important;
  background-repeat: no-repeat !important;
  background-position: right 24px bottom 18px !important;
  background-size: 130px 82px !important;
  box-shadow: inset 0 2px rgba(233,179,77,.35) !important;
}
html[data-colour-scheme="atomic"] :is(.hero-copy,.page-header) h1[data-skin-ink] {
  font-weight: 850 !important;
  letter-spacing: -.045em !important;
  text-shadow: 2px 2px rgba(214,96,73,.24) !important;
}
html[data-colour-scheme="atomic"] :is(.hero-copy,.page-header)[data-skin-surface] {
  position: relative;
}
html[data-colour-scheme="atomic"] :is(.hero-copy,.page-header)[data-skin-surface]::after {
  content: "";
  display: block;
  width: 96px;
  height: 28px;
  margin-top: 1.1rem;
  background: var(--atomic-star) right center / 28px 28px no-repeat,
    linear-gradient(90deg,rgba(7,83,91,.55),rgba(214,96,73,.5)) left center / 80px 1px no-repeat;
  pointer-events: none;
}
html[data-colour-scheme="atomic"] .hero-copy[data-skin-surface]::after {
  margin-inline: auto;
}
html[data-colour-scheme="atomic"] main h2[data-skin-ink] {
  font-weight: 800;
  letter-spacing: -.015em;
}
html[data-colour-scheme="atomic"] :is(.briefing-section h2,.briefing-entry h3,.briefing-forward-list h3)[data-skin-ink] {
  background: rgba(255,249,233,.18) !important;
  border: 0 !important;
  border-radius: 2px 12px 2px 2px;
  box-shadow: inset 0 -1px rgba(214,96,73,.26);
}
html[data-colour-scheme="atomic"] :is(.briefing-links a,.briefing-forward-list p a,.briefing-feature-image figcaption a,.briefing-figure-card__body a)[data-skin-link] {
  background: rgba(255,249,233,.24) !important;
  border-color: rgba(7,83,91,.16) !important;
  border-radius: 2px 10px 2px 2px !important;
  box-shadow: 1px 2px rgba(7,83,91,.14);
  text-align: center;
  justify-content: center;
}
/* Compact, asymmetrical labels rather than uniformly rounded pills. */
html[data-colour-scheme="atomic"] :is(a,button)[data-skin-control] {
  border-radius: 2px 12px 2px 2px !important;
  box-shadow: 2px 2px 0 rgba(7,83,91,.16) !important;
}
html[data-colour-scheme="atomic"] :is(a,button)[data-skin-control]:hover {
  box-shadow: 2px 2px 0 rgba(214,96,73,.30) !important;
}
html[data-colour-scheme="atomic"] :is(.btn,.nav-action--member)[data-skin-control] {
  background: var(--atomic-teal) !important;
  color: #fff9e9 !important;
  border-color: rgba(255,249,233,.24) !important;
  border-radius: 3px 16px 3px 3px !important;
  box-shadow: 3px 3px 0 rgba(214,96,73,.42) !important;
}
html[data-colour-scheme="atomic"] .footer .btn[data-skin-control] {
  background: #ffe0a3 !important;
  color: #0e2d33 !important;
}
html[data-colour-scheme="atomic"] .nav-action--member[data-skin-control] {
  background-image: var(--atomic-star) !important;
  background-position: right 8px center !important;
  background-repeat: no-repeat !important;
  background-size: 16px 16px !important;
  padding-inline-end: 2rem;
}
html[data-colour-scheme="atomic"][data-colour-scheme] body :is(
  [class*="section-nav"] a,[class*="page-nav"] a,.briefing-summary-nav a
):not([hidden]) {
  background: rgba(255,249,233,.28) !important;
  border-radius: 2px 10px 2px 2px !important;
  box-shadow: 1px 2px 0 rgba(7,83,91,.18) !important;
}
html[data-colour-scheme="atomic"][data-colour-scheme] body :is(
  [class*="section-nav"] a,[class*="page-nav"] a,.briefing-summary-nav a
):nth-of-type(3n+2) {
  border-radius: 10px 2px 2px 2px !important;
  box-shadow: 1px 2px 0 rgba(214,96,73,.22) !important;
}
html[data-colour-scheme="atomic"][data-colour-scheme] body :is(
  [class*="section-nav"] a,[class*="page-nav"] a,.briefing-summary-nav a
):nth-of-type(3n) { box-shadow: 1px 2px 0 rgba(166,113,20,.22) !important; }
/* Offset frames only on standalone cards; long reading panels remain open. */
html[data-colour-scheme="atomic"] main :is(
  .card,[class$="-card"],[class$="__card"]
)[data-skin-surface]:not(.briefing-summary-card,.list-card,.editorial-feedback-box):not([data-skin-surface] [data-skin-surface]) {
  border-radius: 3px 18px 3px 3px !important;
  box-shadow: 2px 2px 0 rgba(7,83,91,.15) !important;
  border: 1px solid rgba(7,83,91,.14) !important;
}
html[data-colour-scheme="atomic"] :is(.eyebrow,[class$="__eyebrow"])[data-skin-ink] {
  font-weight: 750;
  letter-spacing: .14em;
  text-transform: uppercase;
}
html[data-colour-scheme="atomic"] :is(.eyebrow,[class$="__eyebrow"])[data-skin-ink]::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-inline-end: .45em;
  vertical-align: -.1em;
  background: var(--atomic-star) center / contain no-repeat;
}
/* Existing avatar pictures are framed, never substituted or recoloured. */
html[data-colour-scheme="atomic"] .footer-socials__avatar {
  border-radius: 4px 12px 4px 4px;
  border: 1px solid rgba(255,224,163,.35) !important;
  box-shadow: 2px 2px rgba(214,96,73,.4);
}
html[data-colour-scheme="atomic"] .briefing-figure-card__monogram {
  background: rgba(255,249,233,.28);
  border-radius: 3px 16px 3px 3px;
  border-color: rgba(7,83,91,.18);
  box-shadow: 2px 2px rgba(214,96,73,.18);
}
html[data-colour-scheme="atomic"] :is(
  .case-section[data-skin-surface],.content-panel[data-skin-surface],.hero-copy[data-skin-surface]
) > hr {
  height: 1px;
  border: 0;
  background: linear-gradient(90deg,transparent,rgba(7,83,91,.24) 15%,rgba(214,96,73,.32) 65%,transparent);
}
@media (max-width: 1100px) {
  html[data-colour-scheme="atomic"][data-colour-scheme] body .header[data-skin-surface] { background-image: linear-gradient(110deg,rgba(233,179,77,.06),rgba(33,129,138,.06)) !important; background-size: 100% 100% !important; background-position: center !important; }
}
@media (max-width: 600px) {
  html[data-colour-scheme="atomic"][data-colour-scheme] body .footer[data-skin-surface] { background-size: 76px 48px !important; background-position: right 12px bottom 12px !important; }
  html[data-colour-scheme="atomic"] :is(.hero-copy,.page-header)[data-skin-surface]::after { width: 76px; height: 22px; margin-top: .8rem; background-size: 22px 22px,60px 1px; }
}

/* Pair legacy card controls and letter badges with the selected skin.
   These overrides only paint the surrounding UI, never the artwork/player. */
html[data-colour-scheme]:not([data-colour-scheme="current"]) :is([data-skin-control],.podcast-deep-dive-cta,.podcast-creator-directory__item,[data-skin-surface][data-skin-link]) {
  transition-property: transform,border-color,box-shadow !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) [data-skin-surface][data-skin-link] :is(h2,h3,h4,p,strong,small,span) {
  color: var(--skin-text) !important;
  text-shadow: none !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) .organisation-card::before {
  content: none;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) .organisation-hero {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) :is(.podcast-deep-dive-cta,.podcast-creator-directory__item) {
  background: var(--skin-fill) !important;
  color: var(--skin-text) !important;
  border-color: var(--skin-line) !important;
  border-radius: var(--skin-radius) !important;
  box-shadow: none !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) .podcast-deep-dive-cta::before {
  content: none;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) .podcast-deep-dive-cta :is(strong,span) {
  color: var(--skin-text) !important;
  text-shadow: none !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) :is(.podcast-deep-dive-cta__action,.podcast-pill) {
  background: var(--skin-control) !important;
  color: var(--skin-text) !important;
  border-color: var(--skin-line) !important;
  border-radius: var(--skin-radius) !important;
  box-shadow: none !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) .podcast-deep-dive-cta__action {
  justify-content: center;
  text-align: center;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) :is(
  .organisation-card__mark,.organisation-hero__mark,.organisation-person-card__initials,
  .briefing-figure-card__monogram,.podcast-avatar:not(.podcast-avatar--photo)
) {
  background: var(--skin-control) !important;
  color: var(--skin-text) !important;
  border-color: var(--skin-line) !important;
  border-radius: var(--skin-radius) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) :is(
  .organisation-person-card__avatar,.briefing-avatar-link img
) { border-color: var(--skin-line) !important; box-shadow: none !important; }
/* The gallery keeps its slide transforms, sources, hit targets and handlers. */
html[data-colour-scheme]:not([data-colour-scheme="current"]) .community-artwork__carousel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) .community-artwork__carousel:focus-visible {
  outline: 2px solid var(--skin-accent) !important;
  outline-offset: 3px;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) :is(.community-artwork__status,.community-artwork__credit) {
  color: var(--skin-text) !important;
  text-shadow: none !important;
}
/* Controls above pictures need a local colour pair independent of the image. */
html[data-colour-scheme]:not([data-colour-scheme="current"]) .community-artwork__carousel :is(.community-artwork__fullscreen,.image-share-control) {
  background: var(--skin-dialog-fill) !important;
  color: var(--skin-text) !important;
  border-color: var(--skin-line) !important;
  border-radius: var(--skin-radius) !important;
  box-shadow: none !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) .community-artwork__carousel :is(.community-artwork__fullscreen,.image-share-control):is(:hover,:focus-visible) {
  outline: 2px solid var(--skin-accent) !important;
  outline-offset: 3px;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) .community-artwork__carousel :is(.community-artwork__fullscreen,.image-share-control) span {
  color: inherit !important;
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) .community-artwork__carousel .image-share-control__status:not(:empty) {
  padding: .35rem .5rem;
  background: var(--skin-dialog-fill);
  color: var(--skin-text) !important;
  border-radius: var(--skin-radius);
}
html[data-colour-scheme]:not([data-colour-scheme="current"]) .community-artwork__carousel:fullscreen {
  background: var(--skin-dialog-fill) !important;
}

/* The quote deck is open text in every scheme, including the default. */
html[data-colour-scheme][data-colour-scheme][data-colour-scheme] body .quote-deck,
html[data-colour-scheme][data-colour-scheme][data-colour-scheme] body .quote-deck .quote-deck__card[data-skin-surface],
html[data-colour-scheme][data-colour-scheme][data-colour-scheme] body .quote-deck .quote-deck__content {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-colour-scheme][data-colour-scheme] body .quote-deck__card::before,
html[data-colour-scheme][data-colour-scheme] body .quote-deck__card::after {
  content: none !important;
}
/* Show keyboard focus on the arrows instead of outlining the reading area. */
html[data-colour-scheme][data-colour-scheme] body .quote-deck__card:focus-visible {
  outline: none !important;
}
html[data-colour-scheme][data-colour-scheme] body .quote-deck__controls {
  width: fit-content;
  margin-inline: auto;
}
html[data-colour-scheme][data-colour-scheme] body .quote-deck__card:focus-visible .quote-deck__controls {
  outline: 2px solid var(--skin-accent,var(--outline-focus));
  outline-offset: 3px;
}
/* Laser light lives on narrow edges; reading surfaces and imagery stay open. */
html[data-colour-scheme="cybergoth"] {
  --skin-laser: linear-gradient(100deg,transparent 0%,rgba(255,76,122,.18) 12%,#ff4c7a 24%,#c5faff 30%,#54d9ff 38%,rgba(84,217,255,.2) 50%,#8fffad 62%,rgba(143,255,173,.18) 75%,transparent 88%);
}
html[data-colour-scheme="cybergoth"] .header::after,
html[data-colour-scheme="cybergoth"] .footer::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  height: 2px;
  background: var(--skin-laser);
  background-size: 300% 100%;
  box-shadow: 0 0 8px rgba(84,217,255,.30);
  pointer-events: none;
  animation: uaprad-laser-travel 9s linear infinite;
}
html[data-colour-scheme="cybergoth"] .header::after { bottom: 0; }
html[data-colour-scheme="cybergoth"] .footer::before {
  top: 0;
  animation-duration: 11s;
  animation-direction: reverse;
}
html[data-colour-scheme="cybergoth"] :is(.hero-copy,.page-header)[data-skin-surface]::after {
  content: "";
  display: block;
  width: min(180px,100%);
  height: 2px;
  margin-top: 1.1rem;
  background: var(--skin-laser);
  background-size: 300% 100%;
  box-shadow: 0 0 9px rgba(84,217,255,.32);
  pointer-events: none;
  animation: uaprad-laser-travel 7s linear infinite;
}
html[data-colour-scheme="cybergoth"] .hero-copy[data-skin-surface]::after { margin-inline: auto; }
html[data-colour-scheme="cybergoth"] :is(
  a.btn,a.btn-secondary,a.nav-action--member,a.podcast-button,
  a.podcast-button--secondary,a.podcast-mini-button
)[data-skin-control] { position: relative; }
html[data-colour-scheme="cybergoth"] :is(
  a.btn,a.btn-secondary,a.nav-action--member,a.podcast-button,
  a.podcast-button--secondary,a.podcast-mini-button
)[data-skin-control]::after {
  content: "";
  position: absolute;
  inset-inline: 5px;
  bottom: 1px;
  height: 1px;
  background: var(--skin-laser);
  background-size: 300% 100%;
  background-position: 50% 0;
  opacity: .55;
  pointer-events: none;
}
html[data-colour-scheme="cybergoth"] :is(
  a.btn,a.btn-secondary,a.nav-action--member,a.podcast-button,
  a.podcast-button--secondary,a.podcast-mini-button
)[data-skin-control]:is(:hover,:focus-visible)::after {
  opacity: 1;
  box-shadow: 0 0 7px rgba(84,217,255,.4);
  animation: uaprad-laser-travel 2.4s linear infinite;
}
html[data-colour-scheme="cybergoth"] :is(.podcast-deep-dive-cta,.podcast-creator-directory__item):is(:hover,:focus-visible) {
  box-shadow: inset 0 -1px rgba(84,217,255,.6),0 2px 8px rgba(255,76,122,.10) !important;
}
html[data-colour-scheme="cybergoth"] .community-section-divider {
  background: var(--skin-laser);
  background-size: 300% 100%;
  box-shadow: 0 0 8px rgba(84,217,255,.3);
  animation: uaprad-laser-travel 8s linear infinite;
}
html[data-colour-scheme="cybergoth"] .community-section-divider::after {
  display: none;
}
@keyframes uaprad-laser-travel {
  from { background-position: 100% 0; }
  to { background-position: 0% 0; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-colour-scheme="cybergoth"] :is(.header,.footer,.hero-copy,.page-header)::after,
  html[data-colour-scheme="cybergoth"] .footer::before,
  html[data-colour-scheme="cybergoth"] .community-section-divider,
  html[data-colour-scheme="cybergoth"] :is(a.btn,a.btn-secondary,a.nav-action--member,a.podcast-button,a.podcast-button--secondary,a.podcast-mini-button)[data-skin-control]::after {
    animation: none !important;
    background-position: 50% 0;
  }
}