/*
 * 2 Trillion editorial direction, 2026
 *
 * This final cascade layer is deliberately reversible. Removing this file and
 * the matching data-visual-version attribute restores the previous direction.
 * It changes presentation only and does not alter any interaction contract.
 */

:root[data-visual-version="editorial-2026"] {
  --progress-color-1: #817354;
  --progress-color-2: #a38e62;
  --progress-color-3: #c9b47f;
  --progress-glow: rgba(180, 155, 101, 0.34);
  --progress-track-background: rgba(14, 16, 13, 0.68);
  --progress-track-border: rgba(198, 166, 108, 0.44);
  --progress-glint: rgba(248, 235, 204, 0.23);
  --progress-label: #fff8e7;
}

:root[data-visual-version="editorial-2026"],
:root[data-visual-version="editorial-2026"][data-theme="dark"] {
  --canvas: #0b0c0b;
  --canvas-2: #101210;
  --surface-1: #121411;
  --surface-2: #181b17;
  --surface-elevated: #1d201c;
  --text-primary: #f2f0e9;
  --text-secondary: #d1d2ca;
  --text-muted: #999f97;
  --border-subtle: rgba(235, 238, 229, 0.13);
  --border-strong: rgba(205, 172, 111, 0.54);
  --brand: #c6a66c;
  --brand-emphasis: #e3c990;
  --focus-ring: #e7c47d;
  --tone-contradiction: #b97a70;
  --tone-contradiction-soft: rgba(185, 122, 112, 0.12);
  --tone-analysis: #79a49b;
  --tone-analysis-soft: rgba(121, 164, 155, 0.12);
  --tone-supported: #92a66e;
  --tone-supported-soft: rgba(146, 166, 110, 0.12);
  --control-bg: #171a16;
  --surface-panel: #121411;
  --surface-panel-subtle: #161915;
  --surface-control: #191c18;
  --counter-panel-bg: #0a0b0a;
  --chart-stroke: #0b0c0b;
  --chart-empty: rgba(235, 238, 229, 0.09);
  --header-bg: rgba(11, 12, 11, 0.93);
  --menu-bg: #101210;
  --card-bg: #131512;
  --card-bg-active: #191c18;
  --answer-bg: #171a16;
  --body-bg: #0b0c0b;
  --page-background: #0b0c0b;
  --surface-primary: #121411;
  --surface-secondary: #181b17;
  --surface-raised: #1d201c;
  --border-emphasis: rgba(205, 172, 111, 0.54);
  --brand-soft: rgba(198, 166, 108, 0.13);
  --layout-max: 84rem;
  --reading-max: 68ch;
  --space-section: clamp(5rem, 9vw, 8.5rem);
  --radius-control: 3px;
  --radius-panel: 5px;
  --shadow-soft: 0 18px 50px rgba(0, 0, 0, 0.24);
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
  --header-height: 4.4rem;
  --artwork-home: url("./assets/images/background_dark.png");
  --editorial-gutter: clamp(1.25rem, 5vw, 5rem);
  --editorial-rule: 1px solid var(--border-subtle);
  color-scheme: dark;
}

:root[data-visual-version="editorial-2026"][data-theme="light"] {
  --canvas: #f2f0e9;
  --canvas-2: #e8e5dc;
  --surface-1: #faf9f4;
  --surface-2: #eae8df;
  --surface-elevated: #fffefa;
  --text-primary: #1d211e;
  --text-secondary: #404640;
  --text-muted: #686f68;
  --border-subtle: rgba(29, 33, 30, 0.16);
  --border-strong: rgba(117, 88, 42, 0.52);
  --brand: #806238;
  --brand-emphasis: #624720;
  --focus-ring: #795817;
  --tone-contradiction: #955d55;
  --tone-contradiction-soft: rgba(149, 93, 85, 0.1);
  --tone-analysis: #356d65;
  --tone-analysis-soft: rgba(53, 109, 101, 0.1);
  --tone-supported: #596c36;
  --tone-supported-soft: rgba(89, 108, 54, 0.1);
  --control-bg: #f7f5ee;
  --surface-panel: #faf9f4;
  --surface-panel-subtle: #efede5;
  --surface-control: #f8f6ef;
  --counter-panel-bg: #0a0b0a;
  --chart-stroke: #f2f0e9;
  --chart-empty: rgba(29, 33, 30, 0.08);
  --header-bg: rgba(242, 240, 233, 0.94);
  --menu-bg: #faf9f4;
  --card-bg: #faf9f4;
  --card-bg-active: #fffefa;
  --answer-bg: #f1eee5;
  --body-bg: #f2f0e9;
  --page-background: #f2f0e9;
  --surface-primary: #faf9f4;
  --surface-secondary: #eae8df;
  --surface-raised: #fffefa;
  --border-emphasis: rgba(117, 88, 42, 0.52);
  --brand-soft: rgba(128, 98, 56, 0.1);
  --shadow-soft: 0 18px 45px rgba(38, 42, 37, 0.08);
  --shadow: 0 24px 65px rgba(38, 42, 37, 0.08);
  --artwork-home: url("./assets/images/background_bright.png");
  --progress-glow: rgba(132, 112, 76, 0.26);
  --progress-color-1: #6f644f;
  --progress-color-2: #8e7955;
  --progress-color-3: #b59b68;
  --progress-track-background: rgba(232, 226, 211, 0.7);
  --progress-track-border: rgba(119, 99, 65, 0.46);
  --progress-glint: rgba(255, 255, 255, 0.52);
  --progress-label: #241807;
  color-scheme: light;
}

html[data-visual-version="editorial-2026"] {
  scroll-padding-top: calc(var(--header-height) + 1.25rem);
  background: var(--canvas);
}

html[data-visual-version="editorial-2026"] body {
  background: var(--page-background);
  color: var(--text-primary);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
}

html[data-visual-version="editorial-2026"] main {
  overflow: clip;
  view-transition-name: none;
}

html[data-visual-version="editorial-2026"] .site-header {
  view-transition-name: none;
}

html[data-visual-version="editorial-2026"]::view-transition-old(root),
html[data-visual-version="editorial-2026"]::view-transition-new(root) {
  animation: none;
}

html[data-visual-version="editorial-2026"] ::selection {
  color: #11130f;
  background: #dfc181;
}

html[data-visual-version="editorial-2026"] :is(h1, h2, h3, p) {
  text-wrap: pretty;
}

html[data-visual-version="editorial-2026"] :is(h1, h2) {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: -0.035em;
  text-shadow: none;
}

html[data-visual-version="editorial-2026"] :is(p, li) {
  max-width: var(--reading-max);
}

html[data-visual-version="editorial-2026"] a {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.22em;
}

html[data-visual-version="editorial-2026"] :is(button, a, input, select, summary):focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 3px;
}

html[data-visual-version="editorial-2026"] .section-inner {
  width: min(var(--layout-max), calc(100% - (var(--editorial-gutter) * 2)));
}

/* Header and navigation */
html[data-visual-version="editorial-2026"] .site-header {
  min-height: var(--header-height);
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  grid-template-rows: 3.75rem minmax(4.75rem, auto);
  column-gap: clamp(1.25rem, 3vw, 3rem);
  row-gap: 0;
  padding: 0 clamp(1.25rem, 3.1vw, 3.25rem);
  border-bottom: var(--editorial-rule);
  background: var(--header-bg);
  box-shadow: none;
  backdrop-filter: blur(18px) saturate(1.05);
}

html[data-visual-version="editorial-2026"] .brand {
  grid-column: 1;
  grid-row: 1;
  gap: 0.68rem;
  color: var(--text-primary);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.08rem;
  font-weight: 700;
  letter-spacing: -0.015em;
}

html[data-visual-version="editorial-2026"] .brand-mark {
  width: 2.15rem;
  height: 2.15rem;
  border: 1px solid var(--brand);
  border-radius: 2px;
  background: transparent;
  color: var(--brand-emphasis);
  font: 700 0.76rem/1 "JetBrains Mono", ui-monospace, monospace;
}

html[data-visual-version="editorial-2026"] .primary-navigation {
  grid-column: 1 / -1;
  grid-row: 2;
  align-self: stretch;
  justify-self: stretch;
  min-width: 0;
  padding: 0.65rem 0 0.72rem;
  border-top: var(--editorial-rule);
}

html[data-visual-version="editorial-2026"] .primary-nav-list {
  display: grid;
  grid-template-columns: minmax(7.4rem, 0.55fr) minmax(0, 1.9fr) minmax(0, 2.2fr) repeat(3, minmax(5.5rem, 0.45fr));
  align-items: stretch;
  justify-content: stretch;
  gap: 0;
}

html[data-visual-version="editorial-2026"] :is(.primary-nav-group, .primary-nav-direct) {
  min-width: 0;
  padding-inline: clamp(0.55rem, 1vw, 0.9rem);
  border-left: var(--editorial-rule);
}

html[data-visual-version="editorial-2026"] .primary-nav-list > li:first-child {
  padding-left: 0;
  border-left: 0;
}

html[data-visual-version="editorial-2026"] .nav-group-label {
  display: block;
  margin: 0 0 0.35rem;
  color: var(--text-muted);
  font: 760 0.62rem/1.2 "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

html[data-visual-version="editorial-2026"] .primary-nav-group.has-active-page .nav-group-label {
  color: var(--brand-emphasis);
}

html[data-visual-version="editorial-2026"] .nav-submenu {
  position: static;
  display: flex;
  width: auto;
  min-width: 0;
  max-width: none;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 0.16rem 0.24rem;
  padding: 0;
  transform: none;
  border: 0;
  background: transparent;
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] .nav-submenu li {
  min-width: 0;
}

html[data-visual-version="editorial-2026"] :is(.nav-submenu a, .primary-nav-direct > a) {
  position: relative;
  min-height: 1.78rem;
  padding: 0.25rem 0.36rem;
  border-radius: 2px;
  color: var(--text-secondary);
  font-size: clamp(0.66rem, 0.72vw, 0.76rem);
  font-weight: 740;
  line-height: 1.2;
  text-decoration: none;
}

html[data-visual-version="editorial-2026"] :is(
  .nav-submenu a:hover,
  .nav-submenu a:focus-visible,
  .nav-submenu a[aria-current="page"],
  .primary-nav-direct > a:hover,
  .primary-nav-direct > a:focus-visible,
  .primary-nav-direct > a[aria-current="page"]
) {
  color: var(--text-primary);
  background: var(--brand-soft);
}

html[data-visual-version="editorial-2026"] :is(.nav-submenu a[aria-current="page"], .primary-nav-direct > a[aria-current="page"]) {
  box-shadow: inset 0 -2px 0 var(--brand);
}

html[data-visual-version="editorial-2026"] .primary-nav-direct {
  display: flex;
  align-items: stretch;
}

html[data-visual-version="editorial-2026"] .primary-nav-direct > a {
  width: 100%;
  min-height: 100%;
  align-items: center;
  justify-content: center;
  padding-inline: 0.3rem;
  text-align: center;
}

html[data-visual-version="editorial-2026"] .header-actions {
  grid-column: 3;
  grid-row: 1;
  align-self: center;
  gap: 0.12rem;
  padding-left: 0.8rem;
  border-left: var(--editorial-rule);
}

html[data-visual-version="editorial-2026"] :is(
  .search-button,
  .theme-button,
  .settings-button,
  .language-button,
  .mobile-nav-toggle
) {
  display: inline-flex;
  width: 2.5rem;
  min-height: 2.5rem;
  align-items: center;
  justify-content: center;
  padding: 0.4rem;
  border: 1px solid transparent;
  border-radius: 2px;
  background: transparent;
  color: var(--text-secondary);
  box-shadow: none;
  font-size: 0.82rem;
}

html[data-visual-version="editorial-2026"] .mobile-nav-toggle {
  display: none;
}

html[data-visual-version="editorial-2026"] :is(
  .search-button,
  .theme-button,
  .settings-button,
  .language-button,
  .mobile-nav-toggle
):hover {
  border-color: var(--border-subtle);
  background: var(--surface-control);
  color: var(--text-primary);
}

html[data-visual-version="editorial-2026"] :is(
  .search-button [data-search-button-label],
  .theme-button > span:last-child,
  .settings-button [data-experience-settings-label],
  .language-button > span:last-child
) {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

html[data-visual-version="editorial-2026"] .language-button {
  width: auto;
  min-width: 3.4rem;
  gap: 0.38rem;
  padding-inline: 0.52rem;
  color: var(--text-primary);
  font: 720 0.68rem/1 "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: 0.04em;
}

html[data-visual-version="editorial-2026"][lang="fr"] .language-button::after {
  content: "EN";
}

html[data-visual-version="editorial-2026"][lang="en"] .language-button::after {
  content: "FR";
}

html[data-visual-version="editorial-2026"] .language-menu {
  border-radius: 4px;
  background: var(--menu-bg);
  box-shadow: var(--shadow-soft);
}

html[data-visual-version="editorial-2026"] .nav-submenu[hidden] {
  display: none;
}

/* Single-line navigation with four predictable groups. */
html[data-visual-version="editorial-2026"] .site-header {
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  grid-template-rows: none;
  gap: clamp(1rem, 2.4vw, 2.4rem);
  padding: 0.55rem clamp(1.25rem, 3.1vw, 3.25rem);
}

html[data-visual-version="editorial-2026"] .brand,
html[data-visual-version="editorial-2026"] .header-actions,
html[data-visual-version="editorial-2026"] .primary-navigation {
  grid-column: auto;
  grid-row: auto;
}

html[data-visual-version="editorial-2026"] .primary-navigation {
  align-self: center;
  justify-self: center;
  padding: 0;
  border: 0;
}

html[data-visual-version="editorial-2026"] .primary-nav-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.1rem, 0.5vw, 0.42rem);
}

html[data-visual-version="editorial-2026"] :is(.primary-nav-group, .primary-nav-direct) {
  position: relative;
  min-width: 0;
  padding: 0;
  border: 0;
}

html[data-visual-version="editorial-2026"] :is(.nav-disclosure, .primary-nav-direct > a) {
  position: relative;
  min-height: 2.7rem;
  padding: 0.5rem 0.65rem;
  border-radius: 2px;
  color: var(--text-secondary);
  font-size: 0.98rem;
  font-weight: 760;
  letter-spacing: 0;
}

html[data-visual-version="editorial-2026"] :is(.nav-disclosure, .primary-nav-direct > a)::before {
  content: "";
  position: absolute;
  right: 0.65rem;
  bottom: 0.08rem;
  left: 0.65rem;
  height: 2px;
  background: var(--brand);
  opacity: 0;
  transform: scaleX(0.35);
  transition: opacity 140ms ease, transform 140ms ease;
}

html[data-visual-version="editorial-2026"] :is(
  .nav-disclosure:hover,
  .nav-disclosure:focus-visible,
  .primary-nav-group.has-active-page > .nav-disclosure,
  .primary-nav-direct > a:hover,
  .primary-nav-direct > a:focus-visible,
  .primary-nav-direct > a[aria-current="page"]
) {
  color: var(--text-primary);
  background: var(--surface-control);
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] :is(
  .primary-nav-group.has-active-page > .nav-disclosure,
  .primary-nav-direct > a[aria-current="page"]
)::before {
  opacity: 1;
  transform: scaleX(1);
}

html[data-visual-version="editorial-2026"] .nav-submenu {
  position: absolute;
  top: calc(100% + 0.55rem);
  left: 50%;
  z-index: 55;
  display: block;
  width: max-content;
  min-width: 18rem;
  max-width: 21rem;
  padding: 0.5rem;
  transform: translateX(-50%);
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  background: var(--menu-bg);
  box-shadow: var(--shadow-soft);
}

html[data-visual-version="editorial-2026"] .primary-nav-group:last-child .nav-submenu {
  right: 0;
  left: auto;
  transform: none;
}

html[data-visual-version="editorial-2026"] .nav-submenu a {
  min-height: 2.85rem;
  padding: 0.66rem 0.72rem;
  border-radius: 2px;
  font-size: 0.88rem;
}

html[data-visual-version="editorial-2026"] .nav-submenu a[aria-current="page"] {
  background: var(--brand-soft);
  box-shadow: inset 2px 0 0 var(--brand);
}

html[data-visual-version="editorial-2026"] .header-actions {
  align-self: center;
}

html[data-visual-version="editorial-2026"] .theme-icon {
  position: relative;
  width: 1.4rem;
  height: 1.4rem;
  flex: 0 0 1.4rem;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  background: linear-gradient(90deg, currentColor 0 50%, transparent 50% 100%);
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] .theme-icon::after {
  content: "";
  position: absolute;
  inset: 0.25rem;
  border: 1px solid currentColor;
  border-radius: 50%;
}

html[data-visual-version="editorial-2026"] .settings-icon {
  display: inline-flex;
  width: 1.95rem;
  height: 1.95rem;
  align-items: center;
  justify-content: center;
  font-size: 1.92rem;
  line-height: 1;
}

/* Cover */
html[data-visual-version="editorial-2026"] .home-hero {
  min-height: clamp(39rem, 78svh, 54rem);
  border-bottom: 1px solid rgba(242, 240, 233, 0.14);
  background: #0b0b0a;
}

html[data-visual-version="editorial-2026"] .home-hero .hero-media {
  background-image: var(--artwork-home);
  background-position: center;
  background-size: cover;
  filter: saturate(0.68) contrast(1.04);
  opacity: 0.92;
  transform: none;
}

html[data-visual-version="editorial-2026"] .home-hero .hero-overlay {
  background:
    linear-gradient(90deg, rgba(7, 8, 7, 0.96) 0%, rgba(7, 8, 7, 0.76) 52%, rgba(7, 8, 7, 0.38) 100%),
    linear-gradient(180deg, rgba(7, 8, 7, 0.42) 0%, rgba(7, 8, 7, 0.08) 42%, rgba(7, 8, 7, 0.92) 100%);
}

html[data-visual-version="editorial-2026"] .home-hero .hero-home-content {
  align-items: end;
  justify-items: start;
  min-height: inherit;
  padding-top: calc(var(--header-height) + 4rem);
  padding-bottom: clamp(4rem, 8vw, 7rem);
}

html[data-visual-version="editorial-2026"] .home-hero .hero-copy {
  width: min(100%, 72rem);
  max-width: none;
  margin: 0;
  padding: 0;
  color: #f4f1e9;
  text-align: left;
}

html[data-visual-version="editorial-2026"] .home-global-counter-row {
  justify-content: flex-start;
  margin-bottom: clamp(1.75rem, 4vw, 3.25rem);
}

html[data-visual-version="editorial-2026"] .home-global-counter-link {
  max-width: 100%;
}

html[data-visual-version="editorial-2026"] .home-global-epoch-counter {
  --counter-glyph-min: clamp(1.75rem, 4.5vw, 4.75rem);
  --counter-padding-y: clamp(0.42rem, 1.2vw, 0.9rem);
  --counter-padding-x: clamp(0.18rem, 0.6vw, 0.48rem);
  max-width: 100%;
  border-color: rgba(226, 201, 144, 0.58);
  box-shadow: 0 16px 55px rgba(0, 0, 0, 0.44);
}

html[data-visual-version="editorial-2026"] .home-hero .tagline {
  max-width: 44rem;
  margin: 0;
  color: rgba(244, 241, 233, 0.92);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(1.25rem, 2.25vw, 1.78rem);
  font-weight: 720;
  line-height: 1.34;
  letter-spacing: -0.012em;
}

html[data-visual-version="editorial-2026"] .hero-primary-actions {
  gap: 0.65rem;
  justify-content: flex-start;
  margin-top: 2.2rem;
}

html[data-visual-version="editorial-2026"] .hero-primary-actions .button {
  min-height: 3rem;
  padding: 0.72rem 1rem;
  border: 1px solid rgba(244, 241, 233, 0.36);
  border-radius: 3px;
  background: rgba(12, 14, 12, 0.62);
  color: #f4f1e9;
  box-shadow: none;
  font-size: 0.92rem;
  font-weight: 750;
  backdrop-filter: blur(8px);
}

html[data-visual-version="editorial-2026"] .hero-primary-actions .button.primary {
  border-color: #d2b778;
  background: #c6a66c;
  color: #171510;
}

html[data-visual-version="editorial-2026"] .hero-primary-actions .button:hover {
  transform: translateY(-1px);
  border-color: #e3c990;
  background: #e3c990;
  color: #171510;
}

/* Editorial page rhythm */
html[data-visual-version="editorial-2026"] :is(
  .home-overview,
  .impact-global-section,
  .calculator-section,
  .farmed\2d life-section,
  .personal-impact-section,
  .arguments-hub,
  .arguments-section,
  .reasoning-section,
  .pro-section,
  .influence-section,
  .documentaries-section,
  .recipes-section,
  .sources-section
) {
  border-inline: 0;
  padding-block: var(--space-section);
  background: var(--page-background);
}

html[data-visual-version="editorial-2026"] .impact-section {
  border-inline: 0;
  background: var(--page-background);
}

html[data-visual-version="editorial-2026"] :is(
  .impact-global-section,
  .calculator-section,
  .farmed\2d life-section,
  .personal-impact-section,
  .arguments-section,
  .reasoning-section,
  .pro-section
) {
  border-top: var(--editorial-rule);
}

html[data-visual-version="editorial-2026"] :is(
  .future-page,
  .welfare-page,
  .data-page,
  .convince-page,
  .progress-page,
  .decision-page
) {
  border-inline: 0;
  min-height: calc(100svh - var(--header-height));
  padding: calc(var(--header-height) + clamp(3.5rem, 8vw, 7rem)) var(--editorial-gutter) var(--space-section);
  background: var(--page-background);
}

html[data-visual-version="editorial-2026"] :is(
  .future-page,
  .welfare-page,
  .data-page,
  .convince-page,
  .progress-page,
  .decision-page
) > .section-inner {
  width: min(var(--layout-max), 100%);
}

html[data-visual-version="editorial-2026"] .eyebrow {
  color: var(--brand);
  font: 760 0.72rem/1.25 "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

html[data-visual-version="editorial-2026"] :is(.section-heading, .home-overview-heading, .progress-block-heading) {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(18rem, 0.58fr);
  gap: 2rem clamp(2rem, 7vw, 7rem);
  align-items: end;
  margin-bottom: clamp(2.25rem, 5vw, 4.5rem);
}

html[data-visual-version="editorial-2026"] :is(.section-heading, .home-overview-heading) h2 {
  max-width: 18ch;
  margin: 0;
  color: var(--text-primary);
  font-size: clamp(2.35rem, 5vw, 4.7rem);
  line-height: 0.98;
}

html[data-visual-version="editorial-2026"] :is(.section-heading, .home-overview-heading) > p,
html[data-visual-version="editorial-2026"] .section-heading > div + p {
  max-width: 46ch;
  margin: 0;
  color: var(--text-secondary);
  font-size: 1.05rem;
  line-height: 1.7;
}

html[data-visual-version="editorial-2026"] :is(.document-page-heading, .page-heading) {
  max-width: 70rem;
  margin-bottom: clamp(3rem, 7vw, 6rem);
  padding: 0;
}

html[data-visual-version="editorial-2026"] :is(.document-page-heading, .page-heading) h1 {
  max-width: 14ch;
  margin: 0.45rem 0 1.2rem;
  font-size: clamp(3rem, 7vw, 6rem);
  line-height: 0.94;
  letter-spacing: -0.05em;
}

html[data-visual-version="editorial-2026"] :is(.document-page-heading, .page-heading) > p:last-child {
  max-width: 54ch;
  margin: 0;
  color: var(--text-secondary);
  font-size: clamp(1.05rem, 1.6vw, 1.25rem);
  line-height: 1.7;
}

/* Buttons, filters and fields */
html[data-visual-version="editorial-2026"] :is(
  .button,
  .button-link,
  .documentary-link,
  .chart-explore-button,
  .section-share-button,
  .filter-button,
  .achievement-filters button,
  .quiz-set-card
) {
  border-radius: var(--radius-control);
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] :is(.button, .button-link, .documentary-link, .chart-explore-button) {
  min-height: 2.85rem;
  border: 1px solid var(--border-subtle);
  background: var(--surface-control);
  color: var(--text-primary);
  font-weight: 740;
}

html[data-visual-version="editorial-2026"] :is(.button.primary, .button-link:not(.button-link-secondary), .documentary-link.primary) {
  border-color: var(--brand);
  background: var(--brand);
  color: #171510;
}

html[data-visual-version="editorial-2026"] :is(
  .button,
  .button-link,
  .documentary-link,
  .chart-explore-button
):hover {
  transform: none;
  border-color: var(--brand);
  background: var(--surface-raised);
  color: var(--brand-emphasis);
}

html[data-visual-version="editorial-2026"] :is(input[type="search"], input[type="text"], select) {
  min-height: 3rem;
  border: 1px solid var(--border-subtle);
  border-radius: 2px;
  background: var(--surface-control);
  color: var(--text-primary);
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] :is(input[type="search"], input[type="text"], select):focus {
  border-color: var(--brand);
}

html[data-visual-version="editorial-2026"] :is(.filter-row, .achievement-filters) {
  gap: 0.35rem;
}

html[data-visual-version="editorial-2026"] :is(.filter-button, .achievement-filters button) {
  min-height: 2.55rem;
  padding: 0.5rem 0.72rem;
  border: 1px solid transparent;
  background: transparent;
  color: var(--text-secondary);
}

html[data-visual-version="editorial-2026"] :is(.filter-button, .achievement-filters button):hover,
html[data-visual-version="editorial-2026"] :is(.filter-button.is-active, .achievement-filters button[aria-pressed="true"]) {
  border-color: var(--border-subtle);
  background: var(--surface-control);
  color: var(--text-primary);
  box-shadow: inset 0 -2px 0 var(--brand);
}

html[data-visual-version="editorial-2026"] .section-share-shell {
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

html[data-visual-version="editorial-2026"] .section-share-button {
  min-height: 2.65rem;
  border-color: var(--border-subtle);
  background: transparent;
  color: var(--text-secondary);
}

html[data-visual-version="editorial-2026"] .section-share-button:hover {
  border-color: var(--brand);
  background: var(--surface-control);
  color: var(--text-primary);
  transform: none;
}

/* Home overview */
html[data-visual-version="editorial-2026"] .home-overview {
  border-bottom: var(--editorial-rule);
}

html[data-visual-version="editorial-2026"] .home-stat-grid {
  gap: 0;
  border-top: var(--editorial-rule);
  border-left: var(--editorial-rule);
}

html[data-visual-version="editorial-2026"] .home-section-card {
  min-height: 21rem;
  padding: clamp(1.35rem, 3vw, 2.25rem);
  border: 0;
  border-right: var(--editorial-rule);
  border-bottom: var(--editorial-rule);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] .home-section-card:hover {
  transform: none;
  background: var(--surface-panel-subtle);
}

html[data-visual-version="editorial-2026"] .home-section-card h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.45rem, 2.4vw, 2rem);
  line-height: 1.1;
}

html[data-visual-version="editorial-2026"] :is(.home-card-metrics, .home-source-spotlight) {
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] .home-source-spotlight {
  margin-top: 2.5rem;
  padding: 1.5rem 0;
  border: 0;
  border-top: var(--editorial-rule);
  border-bottom: var(--editorial-rule);
}

/* Hubs and local navigation */
html[data-visual-version="editorial-2026"] :is(.impact-hub-panel, .arguments-hub) {
  padding-top: calc(var(--header-height) + clamp(3.5rem, 7vw, 6.5rem));
  padding-bottom: clamp(3rem, 6vw, 5rem);
  border-bottom: var(--editorial-rule);
  background: var(--page-background);
}

html[data-visual-version="editorial-2026"] .impact-hub-panel {
  border: 0;
  border-bottom: var(--editorial-rule);
  border-radius: 0;
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] .section-subnav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 2.5rem;
  padding: 0;
  border: 0;
  border-top: var(--editorial-rule);
  border-left: var(--editorial-rule);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] .section-subnav a {
  min-height: 4rem;
  justify-content: space-between;
  padding: 1rem 1.15rem;
  border: 0;
  border-right: var(--editorial-rule);
  border-bottom: var(--editorial-rule);
  border-radius: 0;
  background: transparent;
  color: var(--text-secondary);
  font-size: 0.92rem;
  font-weight: 720;
}

html[data-visual-version="editorial-2026"] .section-subnav a::after {
  content: "↗";
  color: var(--brand);
  font-family: "JetBrains Mono", ui-monospace, monospace;
}

html[data-visual-version="editorial-2026"] .section-subnav a:hover {
  transform: none;
  background: var(--surface-panel-subtle);
  color: var(--text-primary);
}

/* Impact, calculators and counters */
html[data-visual-version="editorial-2026"] .global-epoch-counter {
  padding: clamp(2rem, 5vw, 4.5rem);
  border: var(--editorial-rule);
  border-radius: var(--radius-panel);
  background: var(--surface-panel);
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] :is(.counter-shell, .lifetime-equivalent, .calculator-controls, .calculator-results) {
  border-radius: var(--radius-panel);
}

html[data-visual-version="editorial-2026"] :is(
  .counter-card,
  .counter-panel,
  .lifetime-equivalent,
  .calculator-controls,
  .calculator-results,
  .control-block,
  .preset-block,
  .result-total-card,
  .result-speed-card,
  .result-lifetime-card,
  .chart-panel,
  .personal-impact-calculator,
  .farmed\2d life-card,
  .farmed\2d life-metric-card
) {
  border-color: var(--border-subtle);
  border-radius: var(--radius-panel);
  background: var(--surface-panel);
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] .calculator-grid {
  gap: 1rem;
}

html[data-visual-version="editorial-2026"] .calculator-controls {
  padding: clamp(1.25rem, 3vw, 2rem);
}

html[data-visual-version="editorial-2026"] :is(.control-block, .preset-block) {
  padding: 1.15rem 0;
  border: 0;
  border-bottom: var(--editorial-rule);
}

html[data-visual-version="editorial-2026"] :is(.segmented-option, .check-option, .animal-option-card, .origin-bulk-button) {
  border-radius: 2px;
  background: var(--surface-control);
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] :is(.segmented-option, .check-option, .animal-option-card, .origin-bulk-button):hover {
  border-color: var(--border-strong);
  transform: none;
}

html[data-visual-version="editorial-2026"] :is(.collapsible-panel, .method-notes, .sources-used) {
  border-radius: 2px;
  background: transparent;
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] :is(.collapsible-panel, .method-notes, .sources-used) summary {
  min-height: 3.25rem;
  padding: 0.9rem 0;
  border-top: var(--editorial-rule);
  color: var(--text-primary);
}

html[data-visual-version="editorial-2026"] .mechanical-number {
  border-radius: 2px;
}

/* Arguments, evidence and accordions */
html[data-visual-version="editorial-2026"] .argument-tools {
  margin-bottom: 2.5rem;
  padding: 0 0 1.5rem;
  border: 0;
  border-bottom: var(--editorial-rule);
  background: transparent;
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] .argument-grid {
  gap: 0;
  border-top: var(--editorial-rule);
  border-left: var(--editorial-rule);
}

html[data-visual-version="editorial-2026"] .argument-card {
  min-height: 13rem;
  padding: 1.35rem;
  border: 0;
  border-right: var(--editorial-rule);
  border-bottom: var(--editorial-rule);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] .argument-card:hover,
html[data-visual-version="editorial-2026"] .argument-card.is-active {
  transform: none;
  background: var(--surface-panel-subtle);
  box-shadow: inset 3px 0 0 var(--brand);
}

html[data-visual-version="editorial-2026"] .argument-card h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
  line-height: 1.18;
}

html[data-visual-version="editorial-2026"] .card-meta {
  font: 720 0.7rem/1.3 "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

html[data-visual-version="editorial-2026"] .argument-detail-region {
  margin-top: 2rem;
}

html[data-visual-version="editorial-2026"] :is(.argument-detail, .catalog-detail) {
  padding: clamp(1.5rem, 4vw, 3rem);
  border: var(--editorial-rule);
  border-left: 3px solid var(--brand);
  border-radius: 0;
  background: var(--surface-panel);
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] :is(.bias-grid, .pro-grid, .content-card-grid, .accordion-list) {
  gap: 1rem;
}

html[data-visual-version="editorial-2026"] :is(
  .bias-card,
  .pro-card,
  .content-card,
  .accordion-item,
  .quick-answer,
  .callout,
  .source-block
) {
  border-color: var(--border-subtle);
  border-radius: var(--radius-panel);
  background: var(--surface-panel);
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] :is(.bias-card, .pro-card, .content-card, .accordion-item):hover {
  transform: none;
  border-color: var(--border-strong);
}

html[data-visual-version="editorial-2026"] :is(.bias-card h3, .pro-card h3, .content-card h3, .accordion-trigger h3) {
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: -0.02em;
}

html[data-visual-version="editorial-2026"] .bias-chip {
  border-radius: 2px;
  background: transparent;
}

html[data-visual-version="editorial-2026"] .content-interactions {
  padding-inline: 0;
  background: transparent;
}

/* Data and scientific documents */
html[data-visual-version="editorial-2026"] .data-domain-section {
  margin-top: clamp(4rem, 8vw, 7rem);
}

html[data-visual-version="editorial-2026"] .data-domain-title {
  margin-bottom: 1.75rem;
  padding: 0 0 0.8rem;
  border: 0;
  border-bottom: 2px solid var(--data-accent, var(--brand));
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.7rem, 3vw, 2.5rem);
}

html[data-visual-version="editorial-2026"] .chart-grid {
  gap: 1rem;
}

html[data-visual-version="editorial-2026"] .chart-card {
  gap: 1.25rem;
  padding: clamp(1.25rem, 2.5vw, 1.8rem);
  border: var(--editorial-rule);
  border-top: 2px solid var(--data-accent, var(--brand));
  border-radius: var(--radius-panel);
  background: var(--surface-panel);
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] .chart-card-titles h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.3rem;
  line-height: 1.12;
}

html[data-visual-version="editorial-2026"] :is(.chart-estimate-chip, .chart-feed-source, .chart-feed-route, .chart-explore-thumb) {
  border-radius: 2px;
}

html[data-visual-version="editorial-2026"] .chart-bar-track {
  height: 0.52rem;
  border-radius: 0;
}

html[data-visual-version="editorial-2026"] .chart-bar-fill {
  border-radius: 0;
}

html[data-visual-version="editorial-2026"] :is(
  .convince-card,
  .convince-formats,
  .convince-boundaries,
  .diet-status-card,
  .diet-chart-card,
  .decision-card,
  .sensitive-media-control
) {
  border-color: var(--border-subtle);
  border-radius: var(--radius-panel);
  background: var(--surface-panel);
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] .convince-dual-grid {
  gap: 1rem;
}

html[data-visual-version="editorial-2026"] .convince-card {
  border-top-width: 2px;
}

html[data-visual-version="editorial-2026"] .convince-format-card {
  border-radius: 2px;
  background: transparent;
}

html[data-visual-version="editorial-2026"] :is(.taxonomy-list li, .diet-status-option, .diet-chart-legend li) {
  border-radius: 2px;
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] .document-method-note {
  padding: 0 0 0 1.25rem;
  border-left-width: 2px;
  color: var(--text-secondary);
}

/* People and documentaries */
html[data-visual-version="editorial-2026"] .influence-section {
  border-top: var(--editorial-rule);
}

html[data-visual-version="editorial-2026"] .influence-note {
  margin: 0 0 2rem;
  padding: 1rem 0;
  border: 0;
  border-top: var(--editorial-rule);
  border-bottom: var(--editorial-rule);
  border-radius: 0;
  background: transparent;
  color: var(--text-muted);
}

html[data-visual-version="editorial-2026"] .influence-carousel {
  --influence-card-size: min(31rem, calc(100vw - 8rem));
  padding-inline: clamp(3.2rem, 5vw, 4.5rem);
}

html[data-visual-version="editorial-2026"] .influence-nav {
  width: 2.9rem;
  height: 2.9rem;
  border-radius: 2px;
  border-color: var(--border-subtle);
  background: var(--surface-control);
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] .influence-nav:hover {
  transform: none;
  border-color: var(--brand);
  background: var(--brand);
  color: #171510;
}

html[data-visual-version="editorial-2026"] .influence-viewport {
  border-radius: 0;
}

html[data-visual-version="editorial-2026"] .influence-card {
  flex: 0 0 clamp(20rem, 28vw, 23rem);
  height: clamp(29rem, 46vw, 32rem);
  border-radius: var(--radius-panel);
  border-color: var(--border-subtle);
  background: var(--surface-panel);
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] .influence-card:hover,
html[data-visual-version="editorial-2026"] .influence-card[aria-current="true"] {
  transform: none;
  border-color: var(--border-strong);
  box-shadow: inset 0 -2px 0 var(--brand);
}

html[data-visual-version="editorial-2026"] .influence-photo-frame {
  border-radius: 3px 3px 0 0;
}

html[data-visual-version="editorial-2026"] .influence-card-body {
  left: 0;
  right: 0;
  bottom: 0;
  gap: 0.55rem;
  padding: 1rem;
  border: 0;
  border-top: var(--editorial-rule);
  border-radius: 0;
  background: color-mix(in oklch, var(--surface-panel) 97%, transparent);
  backdrop-filter: none;
}

html[data-visual-version="editorial-2026"] .influence-card h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.7rem;
}

html[data-visual-version="editorial-2026"] .influence-video-panel {
  border-radius: var(--radius-panel);
  background: var(--surface-panel);
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] .documentaries-grid {
  gap: 1rem;
}

html[data-visual-version="editorial-2026"] .documentary-card {
  border-radius: var(--radius-panel);
  border-color: var(--border-subtle);
  background: var(--surface-panel);
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] .documentary-card:hover {
  transform: none;
  border-color: var(--border-strong);
}

html[data-visual-version="editorial-2026"] .documentary-media {
  border-radius: 3px 3px 0 0;
}

html[data-visual-version="editorial-2026"] .documentary-card h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.55rem;
}

html[data-visual-version="editorial-2026"] .documentary-topics span {
  border-radius: 2px;
  background: transparent;
}

/* Progress and personal transition */
html[data-visual-version="editorial-2026"] :is(
  .quiz-card,
  .quiz-set-card,
  .quiz-result-card,
  .progress-summary,
  .progress-overview-grid article,
  .progress-level-card,
  .achievement-card,
  .knowledge-disclosure,
  .achievement-gender-control
) {
  border-color: var(--border-subtle);
  border-radius: var(--radius-panel);
  background: var(--surface-panel);
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] .progress-overview-grid {
  gap: 0;
  border-top: var(--editorial-rule);
  border-left: var(--editorial-rule);
}

html[data-visual-version="editorial-2026"] .progress-overview-grid article {
  min-height: 8rem;
  border: 0;
  border-right: var(--editorial-rule);
  border-bottom: var(--editorial-rule);
  border-radius: 0;
  background: transparent;
}

html[data-visual-version="editorial-2026"] .progress-level-card {
  border-radius: 2px;
}

html[data-visual-version="editorial-2026"] .achievement-grid {
  gap: 1rem;
}

html[data-visual-version="editorial-2026"] .achievement-card {
  border-radius: 2px;
}

html[data-visual-version="editorial-2026"] .quiz-answer {
  border-radius: 2px;
  background: var(--surface-control);
}

html[data-visual-version="editorial-2026"] :is(
  .knowledge-level-track,
  .floating-progress-track,
  .collective-reveal-track,
  .achievement-progress-track,
  .quiz-timer-track
) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid var(--progress-track-border);
  border-radius: 2px;
  background: var(--progress-track-background);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.025),
    inset 0 0.18rem 0.5rem rgba(0, 0, 0, 0.22),
    0 0 1.35rem var(--progress-glow);
}

html[data-visual-version="editorial-2026"] .level-up-confetti {
  position: fixed;
  z-index: 94;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

html[data-visual-version="editorial-2026"] .level-up-notification {
  position: fixed;
  z-index: 95;
  top: calc(var(--header-height) + 1rem);
  left: 50%;
  min-width: min(28rem, calc(100vw - 2rem));
  padding: 0.85rem 1.25rem 0.95rem;
  border: 1px solid var(--progress-track-border);
  border-radius: 4px;
  background:
    radial-gradient(circle at 50% -50%, color-mix(in srgb, var(--progress-color-3) 25%, transparent), transparent 62%),
    color-mix(in srgb, var(--surface-panel) 94%, transparent);
  box-shadow: 0 1.1rem 3.5rem rgba(0, 0, 0, 0.34), 0 0 2.2rem var(--progress-glow);
  backdrop-filter: blur(14px);
  opacity: 0;
  pointer-events: none;
  text-align: center;
  transform: translate(-50%, -1.1rem) scale(0.94);
  transition: opacity 200ms ease, transform 280ms cubic-bezier(0.2, 0.9, 0.2, 1.15);
}

html[data-visual-version="editorial-2026"] .level-up-notification.is-visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

html[data-visual-version="editorial-2026"] .level-up-notification span {
  display: block;
  color: var(--progress-color-3);
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

html[data-visual-version="editorial-2026"] .level-up-notification strong {
  display: block;
  margin-top: 0.22rem;
  color: var(--text-primary);
  font-family: "Royal_Cocktail_Simon_Lotrek_4", Georgia, serif;
  font-size: clamp(1.2rem, 3vw, 1.55rem);
  font-weight: 400;
}

html[data-visual-version="editorial-2026"] :is(
  .knowledge-level-track,
  .floating-progress-track,
  .collective-reveal-track,
  .achievement-progress-track,
  .quiz-timer-track
)::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, var(--progress-glint) 45%, transparent 60%);
  content: "";
  pointer-events: none;
  transform: translateX(-110%);
  animation: progress-surface-glint 3.8s ease-in-out infinite;
}

html[data-visual-version="editorial-2026"] :is(
  .knowledge-level-fill,
  .floating-progress-fill,
  .collective-reveal-fill,
  .achievement-progress-fill,
  .quiz-timer-fill
) {
  position: relative;
  z-index: 0;
  display: block;
  height: 100%;
  border-radius: 0;
  background: linear-gradient(
    90deg,
    var(--progress-color-1) 0%,
    var(--progress-color-2) 25%,
    var(--progress-color-3) 50%,
    var(--progress-color-2) 75%,
    var(--progress-color-1) 100%
  );
  background-size: 240% 100%;
  box-shadow: 0 0 1rem var(--progress-glow);
  animation: progress-gradient-drift 3.2s linear infinite;
}

html[data-visual-version="editorial-2026"] .knowledge-level-fill,
html[data-visual-version="editorial-2026"] .floating-progress-fill {
  width: var(--knowledge-progress, 0%);
}

html[data-visual-version="editorial-2026"] .collective-reveal-fill {
  width: var(--collective-progress, 0%);
}

html[data-visual-version="editorial-2026"] .achievement-progress-track {
  width: 100%;
  height: 0.55rem;
}

html[data-visual-version="editorial-2026"] .achievement-progress-fill {
  width: var(--achievement-progress, 0%);
  transition: width 420ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

html[data-visual-version="editorial-2026"] .quiz-timer-fill {
  width: var(--quiz-time-left, 100%);
}

html[data-visual-version="editorial-2026"] :is(
  .knowledge-level-percent,
  .collective-reveal-track > small,
  .floating-progress-summary
) {
  z-index: 2;
}

html[data-visual-version="editorial-2026"] .personal-progress-floating {
  border: 0;
  background: transparent;
  box-shadow: 0 -0.25rem 1.6rem var(--progress-glow);
  backdrop-filter: blur(3px);
}

html[data-visual-version="editorial-2026"] .floating-progress-track {
  --progress-track-background: rgba(14, 16, 13, 0.3);
  box-shadow: 0 -0.15rem 1rem var(--progress-glow);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

html[data-visual-version="editorial-2026"][data-theme="light"] .floating-progress-track {
  --progress-track-background: rgba(242, 240, 233, 0.35);
}

html[data-visual-version="editorial-2026"] :is(
  .floating-progress-level,
  .floating-progress-total,
  .floating-progress-values,
  .floating-progress-percent
) {
  color: var(--progress-label);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.72);
}

html[data-visual-version="editorial-2026"] .floating-progress-level {
  font-size: 0.97rem;
}

html[data-visual-version="editorial-2026"] :is(
  .floating-progress-total,
  .floating-progress-values,
  .floating-progress-percent
) {
  font-size: 0.86rem;
}

@keyframes progress-gradient-drift {
  to { background-position: -171.4285714286% 0; }
}

@keyframes progress-surface-glint {
  0%, 55% { transform: translateX(-110%); }
  85%, 100% { transform: translateX(120%); }
}

@media (max-width: 520px) {
  html[data-visual-version="editorial-2026"] .floating-progress-summary {
    gap: 0.35rem;
    padding-inline: 0.55rem;
  }

  html[data-visual-version="editorial-2026"] .floating-progress-current {
    gap: 0.35rem;
  }

  html[data-visual-version="editorial-2026"] :is(
    .floating-progress-level,
    .floating-progress-total,
    .floating-progress-values,
    .floating-progress-percent
  ) {
    font-size: 0.74rem;
  }

  html[data-visual-version="editorial-2026"] .floating-progress-total .knowledge-icon {
    width: 1rem;
    height: 1rem;
  }
}

html[data-visual-version="editorial-2026"] :is(.personal-progress-option, .knowledge-honorific) {
  border-radius: 2px;
  box-shadow: none;
}

/* Sources, search and dialogs */
html[data-visual-version="editorial-2026"] .sources-section {
  position: relative;
  border-top: var(--editorial-rule);
  background: var(--canvas-2);
}

html[data-visual-version="editorial-2026"] .sources-layout {
  gap: clamp(3rem, 8vw, 8rem);
}

html[data-visual-version="editorial-2026"] .sources-layout > div:first-child {
  position: sticky;
  top: calc(var(--header-height) + 2rem);
  align-self: start;
}

html[data-visual-version="editorial-2026"] .sources-layout h2 {
  max-width: 10ch;
  font-size: clamp(2.8rem, 5vw, 5rem);
  line-height: 0.96;
}

html[data-visual-version="editorial-2026"] .source-list {
  border-top: var(--editorial-rule);
}

html[data-visual-version="editorial-2026"] .source-list li {
  padding-block: 1.2rem;
  border-bottom: var(--editorial-rule);
}

html[data-visual-version="editorial-2026"] .source-card {
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html[data-visual-version="editorial-2026"] :is(.site-search-dialog, .documentary-dialog, .experience-dialog) {
  background: rgba(5, 6, 5, 0.7);
  backdrop-filter: blur(10px);
}

html[data-visual-version="editorial-2026"] :is(.site-search-shell, .documentary-dialog-panel, .experience-dialog-panel) {
  border-radius: var(--radius-panel);
  border-color: var(--border-subtle);
  background: var(--surface-raised);
  box-shadow: var(--shadow);
}

html[data-visual-version="editorial-2026"] .site-search-result {
  border-radius: 2px;
  background: transparent;
}

html[data-visual-version="editorial-2026"] .site-search-result:hover {
  background: var(--surface-control);
}

html[data-visual-version="editorial-2026"] footer {
  border-top: var(--editorial-rule);
  background: #080908;
}

/* Light theme is composed separately, including a brighter cover treatment. */
html[data-visual-version="editorial-2026"][data-theme="light"] .home-hero .hero-media {
  filter: saturate(0.48) sepia(0.08) contrast(0.98) brightness(1.12);
  opacity: 0.88;
}

html[data-visual-version="editorial-2026"][data-theme="light"] .home-hero .hero-overlay {
  background:
    linear-gradient(90deg, rgba(15, 17, 15, 0.94) 0%, rgba(15, 17, 15, 0.73) 54%, rgba(15, 17, 15, 0.28) 100%),
    linear-gradient(180deg, rgba(15, 17, 15, 0.36) 0%, transparent 46%, rgba(15, 17, 15, 0.86) 100%);
}

html[data-visual-version="editorial-2026"][data-theme="light"] .mechanical-number {
  color: #f4f1e9;
}

html[data-visual-version="editorial-2026"][data-theme="light"] :is(
  .global-epoch-counter .mechanical-number,
  .counter-card .mechanical-number,
  .result-total-card .mechanical-number,
  .result-speed-card .mechanical-number,
  .result-lifetime-card .mechanical-number
) {
  color: #f4f1e9;
}

/* Compact navigation keeps every destination visible inside one deliberate drawer. */
@media (max-width: 900px) {
  :root[data-visual-version="editorial-2026"],
  :root[data-visual-version="editorial-2026"][data-theme="dark"] {
    --header-height: 4.25rem;
  }

  html[data-visual-version="editorial-2026"] .site-header {
    grid-template-columns: max-content 1fr max-content;
    grid-template-rows: var(--header-height);
    gap: 0.4rem;
    padding-inline: 0.75rem;
  }

  html[data-visual-version="editorial-2026"] .mobile-nav-toggle {
    display: inline-flex;
    grid-column: 2;
    grid-row: 1;
    align-items: center;
    justify-content: center;
    justify-self: end;
    gap: 0.55rem;
  }

  html[data-visual-version="editorial-2026"] .primary-navigation {
    position: fixed;
    inset: 0 0 0 auto;
    z-index: 65;
    width: min(30rem, 94vw);
    height: 100dvh;
    padding: 5.65rem 1.5rem 2rem;
    overflow-y: auto;
    border: 0;
    background: var(--menu-bg);
    box-shadow: -1rem 0 3rem rgba(0, 0, 0, 0.24);
    transform: translateX(105%);
    transition: transform 180ms ease;
  }

  html[data-visual-version="editorial-2026"] body.mobile-navigation-open .primary-navigation {
    transform: translateX(0);
  }

  html[data-visual-version="editorial-2026"] .mobile-nav-toggle {
    position: relative;
    z-index: 70;
  }

  html[data-visual-version="editorial-2026"] .primary-nav-list {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 0;
    border-top: var(--editorial-rule);
  }

  html[data-visual-version="editorial-2026"] .primary-nav-list > li {
    padding: 0.85rem 0;
    border-left: 0;
    border-bottom: var(--editorial-rule);
  }

  html[data-visual-version="editorial-2026"] .nav-group-label {
    margin-bottom: 0.5rem;
    color: var(--brand-emphasis);
    font-size: 0.68rem;
  }

  html[data-visual-version="editorial-2026"] .nav-submenu {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.2rem;
  }

  html[data-visual-version="editorial-2026"] :is(.nav-submenu a, .primary-nav-direct > a) {
    width: 100%;
    min-height: 2.65rem;
    align-items: center;
    justify-content: flex-start;
    padding: 0.6rem 0.65rem;
    font-size: 0.86rem;
    text-align: left;
  }
}

@media (max-width: 820px) {
  :root[data-visual-version="editorial-2026"],
  :root[data-visual-version="editorial-2026"][data-theme="dark"] {
    --editorial-gutter: clamp(1rem, 5vw, 2rem);
    --space-section: clamp(4rem, 13vw, 6rem);
  }

  html[data-visual-version="editorial-2026"] :is(.section-heading, .home-overview-heading, .progress-block-heading) {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    align-items: start;
  }

  html[data-visual-version="editorial-2026"] :is(.section-heading, .home-overview-heading) h2 {
    max-width: 16ch;
  }

  html[data-visual-version="editorial-2026"] .section-subnav {
    grid-template-columns: 1fr;
  }

  html[data-visual-version="editorial-2026"] .sources-layout > div:first-child {
    position: static;
  }

  html[data-visual-version="editorial-2026"] .influence-carousel {
    --influence-card-size: min(28rem, calc(100vw - 6.5rem));
    padding-inline: 3rem;
  }
}

@media (max-width: 640px) {
  :root[data-visual-version="editorial-2026"],
  :root[data-visual-version="editorial-2026"][data-theme="dark"] {
    --header-height: 4.25rem;
  }

  html[data-visual-version="editorial-2026"] .site-header {
    grid-template-columns: max-content 1fr max-content;
    gap: 0.4rem;
    padding-inline: 0.75rem;
  }

  html[data-visual-version="editorial-2026"] .nav-submenu {
    grid-template-columns: 1fr;
  }

  html[data-visual-version="editorial-2026"] .brand {
    gap: 0.5rem;
  }

  html[data-visual-version="editorial-2026"] .brand-mark {
    width: 2rem;
    height: 2rem;
  }

  html[data-visual-version="editorial-2026"] .brand > span:last-child {
    display: none;
  }

  html[data-visual-version="editorial-2026"] .header-actions {
    gap: 0.2rem;
    padding-left: 0.35rem;
  }

  html[data-visual-version="editorial-2026"] :is(
    .search-button,
    .theme-button,
    .settings-button,
    .language-button,
    .mobile-nav-toggle
  ) {
    display: inline-flex;
    width: 2.75rem;
    min-height: 2.75rem;
    padding: 0.35rem;
    align-items: center;
    justify-content: center;
  }

  html[data-visual-version="editorial-2026"] .language-button {
    width: 2.75rem;
    min-width: 2.75rem;
    padding-inline: 0.35rem;
  }

  html[data-visual-version="editorial-2026"] .language-button .flag {
    display: none;
  }

  html[data-visual-version="editorial-2026"] .home-hero {
    min-height: 39rem;
  }

  html[data-visual-version="editorial-2026"] .home-hero .hero-home-content {
    justify-items: start;
    padding-top: calc(var(--header-height) + 3rem);
    padding-bottom: 3.25rem;
    text-align: left;
  }

  html[data-visual-version="editorial-2026"] .home-hero .hero-copy {
    margin: 0;
  }

  html[data-visual-version="editorial-2026"] .home-global-counter-row {
    width: 100%;
    overflow: hidden;
  }

  html[data-visual-version="editorial-2026"] .home-global-epoch-counter {
    --counter-glyph-min: clamp(1.2rem, 8.4vw, 2rem);
    --counter-padding-y: 0.34rem;
    --counter-padding-x: 0.1rem;
  }

  html[data-visual-version="editorial-2026"] .home-hero .tagline {
    font-size: clamp(1.35rem, 6.6vw, 1.85rem);
  }

  html[data-visual-version="editorial-2026"] .hero-primary-actions {
    display: grid;
    width: 100%;
  }

  html[data-visual-version="editorial-2026"] .hero-primary-actions .button {
    width: 100%;
    justify-content: center;
  }

  html[data-visual-version="editorial-2026"] :is(.document-page-heading, .page-heading) h1 {
    font-size: clamp(2.7rem, 15vw, 4.25rem);
  }

  html[data-visual-version="editorial-2026"] :is(.future-page, .welfare-page, .data-page, .convince-page, .progress-page, .decision-page) {
    padding-top: calc(var(--header-height) + 2.75rem);
  }

  html[data-visual-version="editorial-2026"] .home-stat-grid,
  html[data-visual-version="editorial-2026"] .argument-grid {
    grid-template-columns: 1fr;
  }

  html[data-visual-version="editorial-2026"] .home-section-card {
    min-height: 0;
  }

  html[data-visual-version="editorial-2026"] .influence-carousel {
    --influence-card-size: calc(100vw - 4.5rem);
    padding-inline: 2.15rem;
  }

  html[data-visual-version="editorial-2026"] .influence-card {
    flex-basis: min(19rem, calc(100vw - 5.25rem));
    height: 28rem;
  }

  html[data-visual-version="editorial-2026"] .influence-nav {
    width: 2.75rem;
    height: 2.75rem;
  }
}

@media (max-width: 900px) {
  html[data-visual-version="editorial-2026"] .site-header {
    grid-template-rows: none;
  }

  html[data-visual-version="editorial-2026"] .primary-nav-list {
    display: grid;
    grid-template-columns: 1fr;
  }

  html[data-visual-version="editorial-2026"] .primary-nav-group {
    padding-inline: 0;
  }

  html[data-visual-version="editorial-2026"] .nav-disclosure {
    width: 100%;
    min-height: 3.1rem;
    justify-content: space-between;
    padding: 0.8rem 0.2rem;
    font-size: 1.28rem;
  }

  html[data-visual-version="editorial-2026"] .nav-disclosure::before {
    right: auto;
    bottom: -1px;
    left: 0;
    width: 2.75rem;
  }

  html[data-visual-version="editorial-2026"] .nav-submenu {
    position: static;
    display: block;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0.2rem 0 0.5rem;
    padding: 0 0 0.65rem 0.9rem;
    transform: none;
    border: 0;
    border-left: var(--editorial-rule);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  html[data-visual-version="editorial-2026"] .primary-nav-group:last-child .nav-submenu {
    right: auto;
  }

  html[data-visual-version="editorial-2026"] .nav-submenu a {
    width: 100%;
    min-height: 2.7rem;
    justify-content: space-between;
    padding: 0.62rem 0.7rem;
    font-size: 0.88rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-visual-version="editorial-2026"] *,
  html[data-visual-version="editorial-2026"] *::before,
  html[data-visual-version="editorial-2026"] *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Home refresh, step 1: four navigation families with optional explanations. */
html[data-visual-version="editorial-2026"] .home-hero { min-height: 0; }
html[data-visual-version="editorial-2026"] .home-hero .hero-home-content {
  min-height: 0;
  padding-top: calc(var(--header-height) + 3rem);
  padding-bottom: 2.5rem;
}
html[data-visual-version="editorial-2026"] .home-global-counter-row { margin-bottom: 1rem; }
html[data-visual-version="editorial-2026"] .home-counter-caption { margin: 0; font-size: 1.15rem; font-weight: 700; }
html[data-visual-version="editorial-2026"] .home-introduction { margin-top: 0.5rem; max-width: 65ch; }
html[data-visual-version="editorial-2026"] .home-hero .tagline { margin-top: 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.6; }
html[data-visual-version="editorial-2026"] .home-overview { padding-block: 2.5rem 4rem; }
html[data-visual-version="editorial-2026"] .home-overview-heading { margin-bottom: 1.5rem; align-items: start; }
html[data-visual-version="editorial-2026"] .home-overview-heading h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); }
html[data-visual-version="editorial-2026"] .home-overview-help { max-width: 42ch; color: var(--text-secondary); }
html[data-visual-version="editorial-2026"] .home-overview-help p { line-height: 1.6; }
html[data-visual-version="editorial-2026"] .home-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; border: 0; align-items: start; }
html[data-visual-version="editorial-2026"] .home-section-card {
  min-height: 0;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid color-mix(in srgb, var(--card-tone) 35%, var(--border-subtle));
  border-top: 3px solid var(--card-tone);
  border-radius: 10px;
  background: color-mix(in srgb, var(--surface-elevated) 90%, var(--card-tone) 10%);
}
html[data-visual-version="editorial-2026"] .home-section-card:hover { background: color-mix(in srgb, var(--surface-elevated) 90%, var(--card-tone) 10%); box-shadow: none; }
html[data-visual-version="editorial-2026"] .home-section-card.tone-action { --card-tone: var(--tone-contradiction); }
html[data-visual-version="editorial-2026"] .home-section-card h3 { font-family: inherit; font-size: 1.7rem; }
html[data-visual-version="editorial-2026"] .home-card-metrics { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 1.25rem; }
html[data-visual-version="editorial-2026"] .home-card-metric { flex: 1 1 7rem; min-width: 0; }
html[data-visual-version="editorial-2026"] .home-card-metric strong { font-size: clamp(1.3rem, 2.5vw, 1.8rem); color: var(--text-primary); overflow-wrap: anywhere; }
html[data-visual-version="editorial-2026"] .home-card-metric span { font-size: 0.8rem; line-height: 1.4; color: var(--text-secondary); }
html[data-visual-version="editorial-2026"] .home-card-details { margin-top: 1rem; color: var(--text-secondary); }
html[data-visual-version="editorial-2026"] .home-card-details p { margin: 0.5rem 0; line-height: 1.6; }
html[data-visual-version="editorial-2026"] :is(.home-card-details, .home-introduction, .home-overview-help) summary { cursor: pointer; min-height: 44px; padding-block: 0.65rem; font-size: 0.9rem; }
html[data-visual-version="editorial-2026"] :is(.home-card-details, .home-introduction, .home-overview-help) summary:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 3px; }
html[data-visual-version="editorial-2026"] .home-section-card nav { display: grid; gap: 0; margin-top: 0.75rem; }
html[data-visual-version="editorial-2026"] .home-section-card nav a { display: flex; align-items: center; gap: 0.75rem; min-height: 48px; padding: 0.8rem 0; border: 0; border-top: 1px solid var(--border-subtle); border-radius: 0; color: var(--text-primary); font-size: 1rem; line-height: 1.35; text-decoration: none; }
html[data-visual-version="editorial-2026"] .home-section-card nav a > span:last-child { margin-left: auto; color: var(--card-tone); }
html[data-visual-version="editorial-2026"] .home-section-card nav a:hover { color: var(--brand-emphasis); background: color-mix(in srgb, var(--card-tone) 8%, transparent); }
@media (max-width: 700px) {
  html[data-visual-version="editorial-2026"] .home-stat-grid { grid-template-columns: minmax(0, 1fr); }
  html[data-visual-version="editorial-2026"] .home-hero .hero-home-content { padding-top: calc(var(--header-height) + 2rem); padding-bottom: 2rem; }
  html[data-visual-version="editorial-2026"] .home-overview-heading { grid-template-columns: minmax(0, 1fr); gap: 0.5rem; }
}

html[data-visual-version="editorial-2026"] .home-card-metric strong { overflow-wrap: normal; }
html[data-visual-version="editorial-2026"] .tone-understand .home-card-metric { flex-basis: calc(50% - 1.5rem); }

/* Celebrity rail: native scrolling and visible state, without a looping clone layer. */
html[data-visual-version="editorial-2026"] .influence-section {
  background: var(--page-background);
}

html[data-visual-version="editorial-2026"] .influence-carousel {
  --influence-card-size: clamp(18rem, 27vw, 23rem);
  padding: 0;
}

html[data-visual-version="editorial-2026"] .influence-carousel-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.85rem;
}

html[data-visual-version="editorial-2026"] .influence-position {
  margin: 0;
  color: var(--text-muted);
  font: 700 0.82rem/1 "JetBrains Mono", ui-monospace, monospace;
  font-variant-numeric: tabular-nums;
}

html[data-visual-version="editorial-2026"] .influence-carousel-actions { display: flex; gap: 0.5rem; }

html[data-visual-version="editorial-2026"] .influence-nav {
  position: static;
  width: 2.75rem;
  height: 2.75rem;
  transform: none;
  border-radius: 3px;
}

html[data-visual-version="editorial-2026"] .influence-nav span {
  font: 700 1rem/1 "JetBrains Mono", ui-monospace, monospace;
  transform: none;
}

html[data-visual-version="editorial-2026"] .influence-nav:hover,
html[data-visual-version="editorial-2026"] .influence-nav:focus-visible { transform: none; }
html[data-visual-version="editorial-2026"] .influence-nav:disabled { cursor: not-allowed; opacity: 0.38; }

html[data-visual-version="editorial-2026"] .influence-viewport {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--border-strong) transparent;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overscroll-behavior-inline: contain;
  scroll-padding-inline: 0;
  border-top: var(--editorial-rule);
  border-bottom: var(--editorial-rule);
}

html[data-visual-version="editorial-2026"] .influence-viewport:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 4px; }
html[data-visual-version="editorial-2026"] .influence-rail { gap: 1rem; padding: 1rem 0; }

html[data-visual-version="editorial-2026"] .influence-card {
  flex: 0 0 var(--influence-card-size);
  height: auto;
  min-height: 30rem;
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

html[data-visual-version="editorial-2026"] .influence-card[aria-current="true"] {
  border-color: var(--brand);
  box-shadow: inset 0 -3px 0 var(--brand);
}

html[data-visual-version="editorial-2026"] .influence-card::before { display: none; }

html[data-visual-version="editorial-2026"] .influence-photo-frame {
  position: relative;
  inset: auto;
  height: 17rem;
  flex: none;
  border-radius: 0;
}

html[data-visual-version="editorial-2026"] .influence-photo-frame img { transform: none; transition: transform 500ms ease; }
html[data-visual-version="editorial-2026"] .influence-photo-button:hover img { transform: scale(1.025); }

html[data-visual-version="editorial-2026"] .influence-card-body {
  position: relative;
  inset: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.65rem;
  padding: 1.1rem;
  background: var(--surface-panel);
}

html[data-visual-version="editorial-2026"] .influence-card h3 { font-family: Georgia, "Times New Roman", serif; }
html[data-visual-version="editorial-2026"] .influence-card-body > p:not(.influence-status) { -webkit-line-clamp: 3; }
html[data-visual-version="editorial-2026"] .influence-source { margin-top: auto; }

/* Personal calculator: clear stages, quiet data entry, results that read as a dashboard. */
html[data-visual-version="editorial-2026"] .personal-impact-section { background: var(--page-background); }
html[data-visual-version="editorial-2026"] .personal-impact-layout { grid-template-columns: minmax(0, 0.7fr) minmax(24rem, 1.3fr); gap: clamp(2rem, 6vw, 6rem); }
html[data-visual-version="editorial-2026"] .personal-impact-calculator { margin-top: 0; padding: clamp(1rem, 2.5vw, 1.75rem); border: var(--editorial-rule); background: var(--surface-panel); }
html[data-visual-version="editorial-2026"] .personal-mode-control { gap: 0; border: var(--editorial-rule); border-radius: 3px; overflow: hidden; }
html[data-visual-version="editorial-2026"] .personal-mode-control button { flex: 1 1 10rem; border: 0; border-radius: 0; background: transparent; }
html[data-visual-version="editorial-2026"] .personal-mode-control button + button { border-left: var(--editorial-rule); }
html[data-visual-version="editorial-2026"] .personal-mode-control button.is-active { background: var(--brand); color: #171510; }
html[data-visual-version="editorial-2026"] .personal-calculator-note { padding: 0.8rem 0; border-bottom: var(--editorial-rule); }
html[data-visual-version="editorial-2026"] .personal-product-list { gap: 0; border-top: var(--editorial-rule); }
html[data-visual-version="editorial-2026"] .personal-product-row { padding: 0.85rem 0; border-bottom: var(--editorial-rule); }
html[data-visual-version="editorial-2026"] .personal-actions { align-items: center; justify-content: space-between; padding-top: 0.5rem; }
html[data-visual-version="editorial-2026"] .personal-actions .button { min-height: 3rem; }
html[data-visual-version="editorial-2026"] .personal-results { padding-top: 0.5rem; border-top: var(--editorial-rule); }
html[data-visual-version="editorial-2026"] .personal-results-grid { gap: 0.75rem; }
html[data-visual-version="editorial-2026"] .personal-result-card { border-radius: 3px; background: var(--surface-control); box-shadow: none; }

@media (max-width: 800px) {
  html[data-visual-version="editorial-2026"] .influence-carousel { --influence-card-size: min(22rem, calc(100vw - 3rem)); }
  html[data-visual-version="editorial-2026"] .personal-impact-layout { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-visual-version="editorial-2026"] .influence-viewport { scroll-behavior: auto; }
  html[data-visual-version="editorial-2026"] .influence-photo-frame img { transition: none; }
}

/* The immersive font preference applies Minimalist across the complete Voff interface. */
html[data-visual-version="editorial-2026"][data-immersive-typography="true"] body,
html[data-visual-version="editorial-2026"][data-immersive-typography="true"] body * {
  font-family: "Minimalist_SL", Inter, ui-sans-serif, system-ui, sans-serif !important;
}

html[data-visual-version="editorial-2026"][data-immersive-typography="true"] :is(
  .mechanical-number,
  .counter-value,
  .result-total-card strong,
  .result-speed-card strong,
  .result-lifetime-card strong,
  .home-card-metric strong,
  .personal-result-card > strong,
  .knowledge-total strong,
  .chart-center,
  .knowledge-level-track,
  .floating-progress-track,
  .collective-reveal-track,
  .achievement-progress-track,
  .quiz-timer-track
) {
  font-variant-numeric: tabular-nums;
}

/* Celebrity rail: a continuous, arrow-led loop with no exposed scrollbar. */
html[data-visual-version="editorial-2026"] .influence-carousel {
  --influence-card-size: clamp(18rem, 27vw, 23rem);
  padding-inline: clamp(3.25rem, 6vw, 5rem);
}

html[data-visual-version="editorial-2026"] .influence-carousel-toolbar,
html[data-visual-version="editorial-2026"] .influence-position,
html[data-visual-version="editorial-2026"] .influence-carousel-actions { display: none; }

html[data-visual-version="editorial-2026"] .influence-viewport {
  overflow: hidden;
  border: 0;
  scroll-snap-type: none;
  scroll-behavior: auto;
}

html[data-visual-version="editorial-2026"] .influence-rail {
  gap: 1.15rem;
  padding: 0.5rem 0;
}

html[data-visual-version="editorial-2026"] .influence-nav {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 3.15rem;
  height: 3.15rem;
  margin: 0;
  border: 1px solid var(--border-strong);
  border-radius: 50%;
  background: var(--surface-panel);
  color: var(--text-primary);
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.2);
  transform: translateY(-50%);
}

html[data-visual-version="editorial-2026"] .influence-nav-prev { left: 0; }
html[data-visual-version="editorial-2026"] .influence-nav-next { right: 0; }
html[data-visual-version="editorial-2026"] .influence-nav:hover { transform: translateY(-50%) scale(1.04); }
html[data-visual-version="editorial-2026"] .influence-nav:focus-visible { transform: translateY(-50%); }
html[data-visual-version="editorial-2026"] .influence-nav:disabled { opacity: 1; cursor: pointer; }

html[data-visual-version="editorial-2026"] .influence-card {
  min-height: 31rem;
  border-color: var(--border-subtle);
  background: var(--surface-panel);
  box-shadow: 0 0.75rem 1.8rem rgba(0, 0, 0, 0.14);
}

html[data-visual-version="editorial-2026"] .influence-card[aria-current="true"] {
  border-color: color-mix(in oklch, var(--brand) 68%, var(--border-strong));
  box-shadow: inset 0 -3px 0 var(--brand), 0 0.75rem 1.8rem rgba(0, 0, 0, 0.14);
}

/* Counters: quiet cards, details on demand, and a separate settings workspace. */
html[data-visual-version="editorial-2026"] #impact { min-width: 0; }
html[data-visual-version="editorial-2026"] #counters { padding-block: 2rem 1rem; border: 0; background: transparent; box-shadow: none; }
html[data-visual-version="editorial-2026"] #counters .impact-heading { display: block; margin-bottom: 1rem; }
html[data-visual-version="editorial-2026"] #impact-title { font-size: clamp(1.8rem, 3vw, 2.5rem); }
html[data-visual-version="editorial-2026"] #counters .counter-settings-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.25rem; margin: 0; padding: 0; border: 0; background: transparent; }
html[data-visual-version="editorial-2026"] #counters .counter-settings-toolbar p { margin: 0; color: var(--text-muted); font-size: 0.85rem; }
html[data-visual-version="editorial-2026"] #counters .section-subnav { display: flex; flex-wrap: wrap; gap: 0.3rem; margin-top: 1rem; border: 0; }
html[data-visual-version="editorial-2026"] #counters .section-subnav a { min-height: 40px; padding: 0.5rem 0.8rem; border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); background: var(--surface-panel); font-size: 0.85rem; }
html[data-visual-version="editorial-2026"] #counters .section-subnav a::after { display: none; }
html[data-visual-version="editorial-2026"] :is(#impact-global, #calculator, #farmed-life) { padding-block: 1rem; background: transparent; }
html[data-visual-version="editorial-2026"] #impact-global > .section-inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: start; }
html[data-visual-version="editorial-2026"] #globalEpochCounterPanel { grid-column: 1 / -1; min-height: 0; padding: 0; border: var(--editorial-rule); background: var(--surface-panel); }
html[data-visual-version="editorial-2026"] #impact-global .impact-counter-layout { margin: 0; }
html[data-visual-version="editorial-2026"] #impact-global .lifetime-equivalent { display: block; height: auto; margin: 0; padding: 0; border: var(--editorial-rule); background: var(--surface-panel); box-shadow: none; container-type: inline-size; }
html[data-visual-version="editorial-2026"] #impact-global .counter-card { width: 100%; height: auto; padding: 1.25rem; border: var(--editorial-rule); background: var(--surface-panel); text-align: left; container-type: inline-size; overflow: visible; }
html[data-visual-version="editorial-2026"] #impact-global .counter-kicker { padding-right: 2rem; color: var(--text-primary); font-size: 1.05rem; letter-spacing: 0; text-transform: none; }
html[data-visual-version="editorial-2026"] #impact-global .counter-line { display: grid; justify-items: start; gap: 0.5rem; padding-block: 0.7rem; border: 0; }
html[data-visual-version="editorial-2026"] #impact-global .counter-line > span { font-size: 0.8rem; color: var(--text-secondary); }
html[data-visual-version="editorial-2026"] #impact-global .counter-line .mechanical-number { font-size: clamp(1.15rem, 6cqi, 1.65rem); min-height: 0; }
html[data-visual-version="editorial-2026"] #impact-global .counter-panel { position: static; margin-top: 0.5rem; padding: 1.25rem; }
html[data-visual-version="editorial-2026"] #impact-global .counter-card::before,
html[data-visual-version="editorial-2026"] #impact-global .counter-card::after { display: none; }
html[data-visual-version="editorial-2026"] #calculator .calculator-heading { display: block; margin-bottom: 1rem; }
html[data-visual-version="editorial-2026"] #calculator-title,
html[data-visual-version="editorial-2026"] #farmed-life-title,
html[data-visual-version="editorial-2026"] .collective-reveal-heading h2 { margin: 0; font-size: 1.3rem; }
html[data-visual-version="editorial-2026"] #calculator .calculator-grid { display: block; }
html[data-visual-version="editorial-2026"] #calculator .calculation-result { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: 0; border: 0; background: transparent; box-shadow: none; align-items: start; }
html[data-visual-version="editorial-2026"] #calculator :is(.result-total-card, .result-speed-card) { grid-column: auto; display: block; min-height: 0; padding: 0; border: var(--editorial-rule); background: var(--surface-panel); }
html[data-visual-version="editorial-2026"] #calculator .result-lifetime-card[hidden] { display: none; }
html[data-visual-version="editorial-2026"] .counter-metric { position: relative; min-width: 0; container-type: inline-size; }
html[data-visual-version="editorial-2026"] .counter-metric-summary { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 0.8rem; padding: 1.25rem; list-style: none; cursor: pointer; min-height: 44px; }
html[data-visual-version="editorial-2026"] .counter-metric-summary::-webkit-details-marker { display: none; }
html[data-visual-version="editorial-2026"] .counter-metric-summary h3 { margin: 0; padding-right: 2rem; font-size: 1.05rem; line-height: 1.4; color: var(--text-primary); letter-spacing: 0; text-transform: none; }
html[data-visual-version="editorial-2026"] .counter-metric-summary .mechanical-number { font-size: clamp(1.1rem, 5cqi, 2.15rem); min-height: 0; flex-wrap: nowrap; }
html[data-visual-version="editorial-2026"] #globalEpochCounterPanel .mechanical-number { font-size: clamp(1.2rem, 6cqi, 3.6rem); }
html[data-visual-version="editorial-2026"] .global-epoch-heading { width: 100%; padding-right: 2rem; flex-wrap: wrap; gap: 0.5rem; }
html[data-visual-version="editorial-2026"] .global-epoch-heading h3 { padding: 0; }
html[data-visual-version="editorial-2026"] .global-epoch-date { font-size: 0.8rem; color: var(--text-secondary); }
html[data-visual-version="editorial-2026"] .lifetime-equivalent-display { display: flex; flex-direction: column; align-items: flex-start; gap: 0.65rem; padding: 0; }
html[data-visual-version="editorial-2026"] .lifetime-equivalent-display > span,
html[data-visual-version="editorial-2026"] .counter-metric-summary :is(.result-unit, small) { font-size: 0.8rem; font-weight: 400; color: var(--text-secondary); }
html[data-visual-version="editorial-2026"] .counter-metric-toggle { position: absolute; top: 1.05rem; right: 1.1rem; font-size: 1.2rem; color: var(--brand); transition: transform 150ms ease; }
html[data-visual-version="editorial-2026"] details[open] > summary > .counter-metric-toggle,
html[data-visual-version="editorial-2026"] .counter-card[aria-expanded="true"] > .counter-metric-toggle { transform: rotate(45deg); }
html[data-visual-version="editorial-2026"] :is(.counter-metric-summary, .counter-card):hover { background: var(--surface-panel-subtle); }
html[data-visual-version="editorial-2026"] :is(.counter-metric-details, .lifetime-equivalent-details) { padding: 1.25rem; margin: 0; border-top: var(--editorial-rule); color: var(--text-secondary); font-size: 0.9rem; line-height: 1.65; }
html[data-visual-version="editorial-2026"] .counter-metric-details p:first-child { margin-top: 0; }
html[data-visual-version="editorial-2026"] .counter-tooltip { display: none; }
@media (hover: hover) and (pointer: fine) {
  html[data-visual-version="editorial-2026"] .counter-tooltip { display: block; position: absolute; z-index: 10; inset: auto 1rem calc(100% + 0.4rem) auto; width: min(26rem, calc(100% - 2rem)); padding: 0.85rem 1rem; border: var(--editorial-rule); border-radius: var(--radius-panel); background: var(--surface-control); box-shadow: 0 6px 24px rgba(0,0,0,0.18); color: var(--text-primary); font-size: 0.82rem; font-weight: 400; line-height: 1.55; letter-spacing: 0; text-transform: none; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 150ms ease, visibility 150ms ease; }
  html[data-visual-version="editorial-2026"] :is(.counter-metric-summary, .counter-card):is(:hover, :focus-visible) > .counter-tooltip { opacity: 1; visibility: visible; transition-delay: 350ms; }
  html[data-visual-version="editorial-2026"] details[open] > summary > .counter-tooltip { display: none; }
}
html[data-visual-version="editorial-2026"] .counter-calculation-details { grid-column: 1 / -1; }
html[data-visual-version="editorial-2026"] :is(.counter-calculation-details, .counter-section-info, .counter-settings-help) > summary { display: flex; gap: 0.75rem; align-items: center; padding-block: 0.7rem; min-height: 44px; cursor: pointer; color: var(--text-secondary); font-size: 0.85rem; }
html[data-visual-version="editorial-2026"] .counter-section-info > summary { color: var(--text-primary); }
html[data-visual-version="editorial-2026"] .counter-section-info p { max-width:  60ch; font-size: 0.9rem; }
html[data-visual-version="editorial-2026"] #calculator .chart-panel { display: grid; grid-template-columns: minmax(0, 1fr); min-height: 0; padding: 1rem 0 0; border: 0; background: transparent; }
html[data-visual-version="editorial-2026"] #calculator .chart-wrap { width: min(100%, 15rem); margin-inline: auto; }
html[data-visual-version="editorial-2026"] #calculator .result-meta { padding: 1rem; background: var(--surface-panel); }
html[data-visual-version="editorial-2026"] #farmed-life .farmed-life-heading { display: flex; align-items: start; flex-wrap: wrap; justify-content: space-between; gap: 0.5rem; margin-bottom: 0.5rem; }
html[data-visual-version="editorial-2026"] .counter-metric-status { color: var(--text-muted); font-size: 0.78rem; }
html[data-visual-version="editorial-2026"] #farmed-life .farmed-life-panel { padding: 0; border: 0; background: transparent; box-shadow: none; }
html[data-visual-version="editorial-2026"] #farmed-life .farmed-life-primary-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: 1rem; }
html[data-visual-version="editorial-2026"] #farmed-life .farmed-life-primary-card.counter-metric { display: block; padding: 0; border: var(--editorial-rule); background: var(--surface-panel); }
html[data-visual-version="editorial-2026"] #farmed-life .farmed-life-mode { display: flex; justify-content: space-between; align-items: center; margin: 0 0 1rem; font-size: 0.8rem; }
html[data-visual-version="editorial-2026"] #farmed-life .farmed-life-settings-summary { display: none; }
html[data-visual-version="editorial-2026"] #farmed-life .farmed-life-details { margin-top: 0.5rem; }
html[data-visual-version="editorial-2026"] #collectiveRevealProgress { padding-block: 2rem; background: transparent; }
html[data-visual-version="editorial-2026"] .counter-settings-dialog { inset: var(--header-height) 0 0 auto; width: var(--counter-panel-width, 360px); max-width: none; height: calc(100dvh - var(--header-height)); background: var(--surface-panel); box-shadow: none; border-left: var(--editorial-rule); overflow: visible; }
html[data-visual-version="editorial-2026"] .counter-settings-dialog:not([hidden]) { display: flex; flex-direction: column; }
html[data-visual-version="editorial-2026"] .counter-settings-dialog[hidden] { display: none; }
html[data-visual-version="editorial-2026"] .counter-settings-header { padding: 1rem 1.25rem; background: var(--surface-panel); }
html[data-visual-version="editorial-2026"] .counter-settings-header h2 { font-size: 1.2rem; }
html[data-visual-version="editorial-2026"] .counter-settings-body { padding: 0.5rem 1.25rem 1rem; }
html[data-visual-version="editorial-2026"] .counter-settings-footer { padding: 0.85rem 1.25rem; background: var(--surface-panel); }
html[data-visual-version="editorial-2026"] .counter-settings-footer p { font-size: 0.8rem; }
html[data-visual-version="editorial-2026"] .counter-settings-dialog .control-letter { display: none; }
html[data-visual-version="editorial-2026"] .counter-settings-dialog .control-block-head { display: block; }
html[data-visual-version="editorial-2026"] .counter-settings-dialog :is(.control-block, .preset-block) { padding: 0.75rem 0; }
html[data-visual-version="editorial-2026"] .counter-settings-dialog .control-block h3 { font-size: 0.95rem; }
html[data-visual-version="editorial-2026"] .counter-settings-dialog #estimateControls { flex-wrap: nowrap; gap: 0.2rem; }
html[data-visual-version="editorial-2026"] .counter-settings-dialog #estimateControls > * { flex: 1 1 0; }
html[data-visual-version="editorial-2026"] .counter-settings-dialog #estimateControls span { padding: 0.65rem 0.3rem; font-size: 0.85rem; }
html[data-visual-version="editorial-2026"] .counter-settings-dialog .experimental-badge { display: inline-block; max-width: 100%; font-size: 0.65rem; overflow-wrap: anywhere; }
html[data-visual-version="editorial-2026"] .counter-settings-resizer { position: absolute; left: -7px; top: 0; width: 14px; height: 100%; z-index: 2; cursor: col-resize; touch-action: none; }
html[data-visual-version="editorial-2026"] .counter-settings-resizer:focus-visible { outline: 2px solid var(--brand); outline-offset: -4px; }
html[data-counter-resizing="true"] { user-select: none; }
html[data-visual-version="editorial-2026"] .counter-settings-launcher { position: fixed; z-index: 89; right: 0; top: calc(var(--header-height) + 24px); bottom: auto; transform: none; display: grid; place-items: center; width: 44px; height: 74px; padding: 0; border: 1px solid var(--border-strong); border-right: 0; border-radius: 13px 0 0 13px; background: var(--surface-panel); color: var(--brand); box-shadow: -8px 5px 20px rgba(0,0,0,0.18); cursor: move; touch-action: none; user-select: none; }
html[data-visual-version="editorial-2026"] .counter-settings-launcher::before { content: none; }
html[data-visual-version="editorial-2026"] .counter-settings-arrow { display: block; width: 27px; height: 27px; pointer-events: none; transition: transform 200ms ease; }
html[data-visual-version="editorial-2026"] .counter-settings-launcher > span { display: none; }
html[data-visual-version="editorial-2026"][data-counter-panel-open="true"] .counter-settings-arrow { transform: rotate(180deg); }
html[data-visual-version="editorial-2026"] .counter-settings-launcher:focus-visible { outline: 2px solid var(--brand); outline-offset: -4px; }
html[data-visual-version="editorial-2026"] .collective-goal-unlock { color: var(--brand); }
html[data-visual-version="editorial-2026"][data-counter-panel-open="true"] .site-header { z-index: 90; }
html[data-visual-version="editorial-2026"][data-counter-panel-open="true"] .counter-settings-launcher { right: var(--counter-panel-width, 360px); }
html[data-visual-version="editorial-2026"][data-counter-panel-dragging="true"] .counter-settings-dialog { transform: translateX(var(--counter-panel-offset)); pointer-events: none; }
html[data-visual-version="editorial-2026"][data-counter-panel-dragging="true"] .counter-settings-launcher { right: calc(var(--counter-panel-width, 360px) - var(--counter-panel-offset)); }
@media (min-width: 1000px) {
  html[data-visual-version="editorial-2026"] #impact { transition: none; }
  html[data-visual-version="editorial-2026"][data-counter-panel-open="true"] #impact { width: calc(100% - var(--counter-panel-width, 360px)); }
  html[data-visual-version="editorial-2026"][data-counter-panel-open="true"] #impact .section-inner { width: calc(100% - 3rem); }
  html[data-counter-resizing="true"] #impact { transition: none; }
}
@media (max-width: 999px) {
  html[data-visual-version="editorial-2026"] .counter-tooltip { display: none; }
  html[data-visual-version="editorial-2026"] .counter-settings-dialog { inset: var(--header-height) 0 var(--floating-panel-bottom, 0px) auto; width: var(--counter-panel-width, 88vw); height: auto; border-left: var(--editorial-rule); border-top: 0; border-radius: 0; box-shadow: -18px 0 48px rgba(0,0,0,0.22); }
  html[data-visual-version="editorial-2026"] .has-floating-progress .counter-settings-dialog { --floating-panel-bottom: 2.8rem; }
}
@media (prefers-reduced-motion: reduce) { html[data-visual-version="editorial-2026"] .counter-settings-arrow { transition: none; } }
@media (max-width: 620px) {
  html[data-visual-version="editorial-2026"] #impact-global > .section-inner,
  html[data-visual-version="editorial-2026"] #calculator .calculation-result { grid-template-columns: minmax(0, 1fr); }
  html[data-visual-version="editorial-2026"] .influence-carousel { padding-inline: 2.85rem; }
  html[data-visual-version="editorial-2026"] .influence-nav { width: 2.65rem; height: 2.65rem; }
  html[data-visual-version="editorial-2026"] .influence-card { min-height: 29rem; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-visual-version="editorial-2026"] #impact { transition: none; }
}