:root {
  --vini-page: #f8f6f1;
  --vini-surface: rgba(255, 253, 248, 0.9);
  --vini-surface-strong: #fffdf8;
  --vini-ink: #141313;
  --vini-muted: #625f59;
  --vini-line: rgba(20, 19, 19, 0.12);
  --vini-red: #9c0d19;
  --vini-red-deep: #6f0811;
  --vini-teal: #126a62;
  --vini-blue: #245a89;
  --vini-shadow: 0 24px 80px rgba(24, 20, 15, 0.12);
  --vini-radius: 24px;
  --vini-shell: min(1760px, calc(100vw - 48px));
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

body {
  background: var(--vini-page) !important;
  color: var(--vini-ink) !important;
}

.paper-grain {
  display: none !important;
}

.page-frame,
.page-frame--newsroom,
.story-page-frame,
.site-footer {
  width: var(--vini-shell) !important;
  max-width: var(--vini-shell) !important;
  margin-inline: auto !important;
}

.site-header {
  position: relative !important;
  top: auto !important;
  z-index: 70 !important;
  width: var(--vini-shell) !important;
  margin: 0 auto 28px !important;
  background: rgba(255, 253, 248, 0.86) !important;
  border: 1px solid var(--vini-line) !important;
  border-top: 0 !important;
  border-radius: 0 0 30px 30px !important;
  box-shadow: 0 18px 60px rgba(24, 20, 15, 0.08) !important;
  backdrop-filter: blur(18px) saturate(1.08);
}

.site-utility,
.site-mastheadbar,
.site-navrow {
  border-color: var(--vini-line) !important;
}

.site-mastheadbar {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.72fr) minmax(420px, 1.25fr) minmax(280px, 0.82fr) !important;
  align-items: center !important;
  gap: clamp(18px, 2vw, 34px) !important;
  padding: clamp(18px, 2.2vw, 34px) clamp(20px, 3vw, 44px) !important;
}

.site-search-mini {
  align-self: center !important;
  min-width: 0 !important;
}

.site-search-mini label {
  color: var(--vini-muted) !important;
  font: 700 0.73rem/1 var(--font-ui) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.site-search-mini input {
  height: 46px !important;
  border-radius: 999px 0 0 999px !important;
  background: rgba(255, 255, 255, 0.75) !important;
  border-color: rgba(20, 19, 19, 0.14) !important;
  font-size: 1rem !important;
}

.site-search-mini button {
  height: 46px !important;
  border-radius: 0 999px 999px 0 !important;
  background: #161412 !important;
  color: #fffaf2 !important;
}

.masthead-link {
  justify-self: center !important;
  max-width: 100% !important;
  font-size: clamp(3.9rem, 6.2vw, 7.2rem) !important;
  line-height: 0.84 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.masthead-motto {
  grid-column: 2 !important;
  justify-self: center !important;
  margin-top: -0.2rem !important;
  color: var(--vini-red) !important;
  font: 800 clamp(0.72rem, 0.9vw, 1rem)/1.1 var(--font-ui) !important;
  letter-spacing: 0.16em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.reader-toolbelt {
  justify-content: end !important;
  display: flex !important;
  gap: 12px !important;
}

.reader-tool {
  width: 68px !important;
  height: 68px !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid var(--vini-line) !important;
  box-shadow: 0 10px 32px rgba(24, 20, 15, 0.08) !important;
}

.reader-tool__icon {
  font-size: 0.66rem !important;
  letter-spacing: 0.04em !important;
}

.reader-tool__label {
  display: none !important;
}

.site-navrow {
  position: relative !important;
  z-index: 90 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.site-nav {
  display: grid !important;
  grid-template-columns: repeat(11, minmax(max-content, 1fr)) !important;
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: thin;
}

.site-nav > .nav-mega {
  position: static !important;
}

.site-nav > .nav-mega summary {
  min-height: 58px !important;
  border-right: 1px solid var(--vini-line) !important;
  background: rgba(255, 253, 248, 0.78) !important;
  color: #191715 !important;
  font: 800 0.86rem/1 var(--font-ui) !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

.site-nav > .nav-mega[open] summary {
  background: #171512 !important;
  color: #fffaf2 !important;
}

.mega-menu__panel {
  position: absolute !important;
  inset-inline: 0 !important;
  top: calc(100% + 1px) !important;
  width: 100% !important;
  max-height: min(62vh, calc(100vh - 370px), 660px) !important;
  overflow: auto !important;
  z-index: 110 !important;
  display: grid !important;
  grid-template-columns: minmax(300px, 0.9fr) repeat(3, minmax(220px, 1fr)) !important;
  gap: 0 !important;
  padding: 0 !important;
  background: rgba(255, 253, 248, 0.98) !important;
  border: 1px solid var(--vini-line) !important;
  border-top: 3px solid #171512 !important;
  border-radius: 0 0 28px 28px !important;
  box-shadow: var(--vini-shadow) !important;
}

.mega-menu__feature,
.mega-menu__lane {
  padding: clamp(22px, 2vw, 34px) !important;
  border-right: 1px solid var(--vini-line) !important;
}

.mega-menu__feature {
  background: #171512 !important;
  color: #fffaf2 !important;
}

.mega-menu__feature h2 {
  max-width: 9ch !important;
  color: #fffaf2 !important;
  font-size: clamp(2.4rem, 4.2vw, 5.2rem) !important;
  line-height: 0.88 !important;
}

.mega-menu__feature span,
.mega-menu__feature p {
  color: rgba(255, 250, 242, 0.78) !important;
}

.mega-menu__quick-actions,
.mega-menu__lane {
  display: grid !important;
  gap: 14px !important;
}

.mega-menu__quick-actions a,
.mega-menu__lane a {
  min-width: 0 !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.66) !important;
  border: 1px solid var(--vini-line) !important;
}

.mega-menu__quick-actions a {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

.breaking-strip {
  width: var(--vini-shell) !important;
  margin: 0 auto clamp(22px, 3vw, 46px) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 48px rgba(156, 13, 25, 0.18) !important;
}

.front-page-grid {
  width: var(--vini-shell) !important;
  display: grid !important;
  grid-template-columns: minmax(240px, 0.68fr) minmax(0, 1.92fr) minmax(270px, 0.82fr) !important;
  gap: clamp(20px, 2vw, 34px) !important;
  align-items: start !important;
}

.latest-column,
.editor-picks,
.wire-column,
.lead-package,
.visual-news-deck,
.daily-engagement-desk,
.reader-engagement-console,
.story-river,
.events-rail-module,
.app-rail-module,
.reader-pathway-grid,
.story-rail-card,
.article-shell--story,
.section-card {
  background: var(--vini-surface) !important;
  border: 1px solid var(--vini-line) !important;
  border-radius: var(--vini-radius) !important;
  box-shadow: none !important;
}

.lead-package {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(320px, 0.86fr) minmax(0, 1fr) !important;
  gap: 16px !important;
  padding: clamp(22px, 2.2vw, 38px) !important;
  overflow: hidden !important;
}

.lead-package h1,
.lead-package h1 a,
.lead-package .story-link {
  grid-column: 2 !important;
  grid-row: 2 !important;
  max-width: 980px !important;
  font-size: clamp(2.05rem, 2.45vw, 3.45rem) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}

.lead-package > p {
  grid-column: 2 !important;
  grid-row: 3 !important;
  max-width: 860px !important;
  color: var(--vini-muted) !important;
  font-size: clamp(1.04rem, 1.04vw, 1.22rem) !important;
  line-height: 1.55 !important;
}

.lead-package .story-visual--lead {
  grid-column: 1 !important;
  grid-row: 1 / span 7 !important;
  width: 100% !important;
  height: clamp(360px, 29vw, 470px) !important;
  min-height: 300px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

.lead-package .story-visual--lead img {
  object-fit: cover !important;
  object-position: center 58% !important;
}

.lead-package .lead-continuation-deck,
.lead-package .lead-file-dashboard {
  display: none !important;
}

.lead-package .article-kicker,
.lead-package .story-meta,
.lead-package .lead-actions {
  grid-column: 2 !important;
}

body .front-page-grid > .lead-package {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(320px, 0.86fr) minmax(0, 1fr) !important;
  gap: clamp(18px, 1.8vw, 30px) !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
}

body .front-page-grid > .lead-package .article-kicker {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

body .front-page-grid > .lead-package h1,
body .front-page-grid > .lead-package h1 a,
body .front-page-grid > .lead-package .story-link {
  grid-column: 2 !important;
  grid-row: 2 !important;
  max-width: 880px !important;
  font-size: clamp(2.05rem, 2.45vw, 3.45rem) !important;
  line-height: 1.02 !important;
}

body .front-page-grid > .lead-package > p {
  grid-column: 2 !important;
  grid-row: 3 !important;
  max-width: 760px !important;
}

body .front-page-grid > .lead-package .story-visual--lead {
  grid-column: 1 !important;
  grid-row: 1 / span 7 !important;
  width: 100% !important;
  height: clamp(360px, 29vw, 470px) !important;
  min-height: 360px !important;
}

body .front-page-grid > .lead-package > .story-meta {
  grid-column: 2 !important;
  grid-row: 4 !important;
}

body .front-page-grid > .lead-package > .lead-actions {
  grid-column: 2 !important;
  grid-row: 5 !important;
}

body .front-page-grid > .lead-package .lead-continuation-deck,
body .front-page-grid > .lead-package .lead-file-dashboard {
  display: none !important;
}

body .site-nav > .nav-mega[open] > .mega-menu__panel,
body .site-nav > .nav-mega[open] .mega-menu__panel {
  max-height: min(58vh, calc(100vh - 345px), 600px) !important;
  overflow: auto !important;
}

html body .site-header .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel,
html body .site-header .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel--newsroom,
html body .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel,
html body .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel--newsroom {
  max-height: min(58vh, calc(100vh - 345px), 600px) !important;
  overflow: auto !important;
}

.latest-column,
.editor-picks,
.wire-column {
  padding: 22px !important;
  max-height: none !important;
}

.story-visual--fallback,
.story-river-card--text .story-visual,
.editor-pick:not(.editor-pick--lead) .story-visual--fallback {
  display: none !important;
}

.visual-news-deck,
.daily-engagement-desk,
.reader-engagement-console,
.story-river {
  margin-top: clamp(34px, 4vw, 68px) !important;
  padding: clamp(24px, 3vw, 46px) !important;
}

.visual-news-deck__grid,
.story-river__grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: clamp(18px, 1.6vw, 28px) !important;
}

.visual-news-card,
.story-river-card {
  border: 0 !important;
  border-top: 1px solid var(--vini-line) !important;
  padding: 18px 0 0 !important;
  background: transparent !important;
}

.daily-engagement-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}

.reader-engagement-console__quick {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
  gap: 12px !important;
}

.complete-file-ledger,
.edition-map--curated,
.newsroom-board,
.newsroom-command-center,
.adaptive-coverage-system,
.archive-scale-note {
  display: none !important;
}

.story-page-layout {
  width: var(--vini-shell) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 390px) !important;
  gap: clamp(24px, 3vw, 48px) !important;
  align-items: start !important;
}

.article-shell--story {
  padding: clamp(26px, 3.4vw, 58px) !important;
}

.article-shell--story > h1 {
  max-width: 19ch !important;
  font-size: clamp(2.7rem, 4.8vw, 6rem) !important;
  line-height: 0.96 !important;
}

.article-shell--story > h1 + p {
  max-width: 860px !important;
  font-size: clamp(1.12rem, 1.28vw, 1.42rem) !important;
  line-height: 1.58 !important;
}

.story-visual--article,
.article-shell--story .story-visual--lead {
  border-radius: 24px !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 9 !important;
  max-height: 620px !important;
}

.story-rail {
  display: grid !important;
  gap: 18px !important;
}

.story-guide-card,
.story-source-glance {
  opacity: 0.88 !important;
}

.story-gallery__grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 16px !important;
}

.story-gallery__item {
  border-radius: 18px !important;
  overflow: hidden !important;
}

.story-engagement-block,
.comments-panel,
.story-continuation-grid {
  border-radius: 24px !important;
}

.site-footer {
  border-radius: 30px 30px 0 0 !important;
  margin-top: clamp(52px, 7vw, 100px) !important;
  padding-inline: clamp(24px, 4vw, 62px) !important;
}

html.vini-dark-theme body {
  background: #11100e !important;
  color: #f6f1e8 !important;
}

html.vini-dark-theme .site-header,
html.vini-dark-theme .lead-package,
html.vini-dark-theme .latest-column,
html.vini-dark-theme .editor-picks,
html.vini-dark-theme .wire-column,
html.vini-dark-theme .visual-news-deck,
html.vini-dark-theme .daily-engagement-desk,
html.vini-dark-theme .reader-engagement-console,
html.vini-dark-theme .story-river,
html.vini-dark-theme .events-rail-module,
html.vini-dark-theme .app-rail-module,
html.vini-dark-theme .article-shell--story,
html.vini-dark-theme .story-rail-card,
html.vini-dark-theme .section-card {
  background: #191714 !important;
  color: #f6f1e8 !important;
  border-color: rgba(255, 250, 242, 0.14) !important;
}

html.vini-dark-theme a,
html.vini-dark-theme h1,
html.vini-dark-theme h2,
html.vini-dark-theme h3,
html.vini-dark-theme strong,
html.vini-dark-theme .masthead-link,
html.vini-dark-theme .site-nav > .nav-mega summary {
  color: #fff8ea !important;
}

html.vini-dark-theme p,
html.vini-dark-theme span,
html.vini-dark-theme li,
html.vini-dark-theme .cms-panel__subtle {
  color: rgba(255, 248, 234, 0.76) !important;
}

html.vini-dark-theme .mega-menu__panel {
  background: #191714 !important;
}

html.vini-dark-theme .mega-menu__lane a,
html.vini-dark-theme .reader-tool,
html.vini-dark-theme .site-search-mini input {
  background: #211f1b !important;
  color: #fff8ea !important;
  border-color: rgba(255, 250, 242, 0.16) !important;
}

@media (max-width: 1180px) {
  :root {
    --vini-shell: min(100vw - 28px, 980px);
  }

  .site-mastheadbar {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  .masthead-motto {
    grid-column: 1 !important;
  }

  .site-search-mini,
  .reader-toolbelt {
    justify-self: center !important;
    width: min(100%, 640px) !important;
  }

  .front-page-grid,
  .story-page-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .lead-package,
  .latest-column,
  .editor-picks,
  .wire-column {
    grid-column: 1 !important;
  }

  .lead-package {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .lead-package .story-visual--lead,
  .lead-package h1,
  .lead-package h1 a,
  .lead-package .story-link,
  .lead-package > p,
  .lead-package .article-kicker,
  .lead-package .story-meta,
  .lead-package .lead-actions {
    grid-column: 1 !important;
  }

  .lead-package .story-visual--lead {
    grid-row: 4 !important;
  }

  body .front-page-grid > .lead-package {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body .front-page-grid > .lead-package .article-kicker,
  body .front-page-grid > .lead-package h1,
  body .front-page-grid > .lead-package h1 a,
  body .front-page-grid > .lead-package .story-link,
  body .front-page-grid > .lead-package > p,
  body .front-page-grid > .lead-package .story-visual--lead,
  body .front-page-grid > .lead-package > .story-meta,
  body .front-page-grid > .lead-package > .lead-actions {
    grid-column: 1 !important;
  }

  body .front-page-grid > .lead-package .story-visual--lead {
    grid-row: 4 !important;
  }

  .mega-menu__panel {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .mega-menu__feature h2 {
    max-width: 16ch !important;
  }
}

@media (max-width: 760px) {
  :root {
    --vini-shell: calc(100vw - 20px);
  }

  .site-header {
    margin-bottom: 18px !important;
    border-radius: 0 0 22px 22px !important;
  }

  .site-mastheadbar {
    padding: 18px !important;
  }

  .masthead-link {
    font-size: clamp(3.2rem, 18vw, 5.4rem) !important;
    white-space: normal !important;
  }

  .reader-tool {
    width: 56px !important;
    height: 56px !important;
  }

  .site-nav {
    display: flex !important;
    overflow-x: auto !important;
  }

  .site-nav > .nav-mega summary {
    min-width: max-content !important;
    min-height: 50px !important;
    padding-inline: 16px !important;
  }

  .mega-menu__panel {
    position: fixed !important;
    inset: 92px 10px 14px !important;
    width: auto !important;
    border-radius: 24px !important;
    max-height: none !important;
  }

  html body .site-header .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel,
  html body .site-header .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel--newsroom,
  html body .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel,
  html body .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel--newsroom,
  html body .mega-menu[open] > .mega-menu__panel,
  html body .mega-menu[open] > .mega-menu__panel--newsroom {
    position: fixed !important;
    inset: 92px 10px 14px 10px !important;
    left: 10px !important;
    right: 10px !important;
    top: 92px !important;
    bottom: 14px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 20px) !important;
    height: auto !important;
    max-height: none !important;
    overflow: auto !important;
    transform: none !important;
    border-radius: 24px !important;
  }

  .breaking-strip {
    border-radius: 18px !important;
  }

  .lead-package h1,
  .lead-package h1 a,
  .lead-package .story-link {
    font-size: clamp(2rem, 10vw, 3.1rem) !important;
  }

  .lead-package .story-visual--lead {
    height: 280px !important;
    min-height: 280px !important;
  }

  .article-shell--story {
    padding: 22px !important;
  }

  .article-shell--story > h1 {
    max-width: 100% !important;
    font-size: clamp(2.25rem, 11vw, 3.7rem) !important;
  }
}

/* 2026-06-28l decisive publication shell: cleaner masthead, integrated menus,
   stronger story hierarchy, and mobile menus that do not cover the brand. */
:root {
  --vini-page: #fbfaf6;
  --vini-surface: #fffefa;
  --vini-surface-soft: #f5f3ec;
  --vini-ink: #151515;
  --vini-muted: #65615a;
  --vini-line: rgba(21, 21, 21, 0.12);
  --vini-line-strong: rgba(21, 21, 21, 0.22);
  --vini-red: #9f1020;
  --vini-gold: #a46f2a;
  --vini-shell: min(1840px, calc(100vw - 56px));
  --vini-radius: 18px;
}

html,
body {
  background: var(--vini-page) !important;
  scroll-behavior: auto !important;
}

body {
  color: var(--vini-ink) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(164, 111, 42, 0.07), transparent 30rem),
    linear-gradient(180deg, #fffdfa 0%, #f7f5ef 42%, #fbfaf6 100%) !important;
}

.paper-grain,
body::before,
body::after,
.app-shell::before,
.app-shell::after {
  display: none !important;
  background: none !important;
}

.site-header {
  width: var(--vini-shell) !important;
  max-width: var(--vini-shell) !important;
  margin: 0 auto clamp(22px, 3vw, 42px) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--vini-line) !important;
  border-radius: 0 !important;
  background: rgba(251, 250, 246, 0.97) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
  isolation: isolate !important;
}

.site-utility {
  padding: 7px clamp(14px, 2vw, 28px) !important;
  border-bottom: 1px solid var(--vini-line) !important;
  color: var(--vini-muted) !important;
  font-size: 0.78rem !important;
}

.utility-links {
  gap: clamp(12px, 1.5vw, 24px) !important;
}

.site-mastheadbar {
  min-height: 0 !important;
  padding: clamp(22px, 3vw, 46px) clamp(16px, 2.4vw, 38px) clamp(18px, 2.2vw, 34px) !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 0.72fr) minmax(420px, 1.24fr) minmax(300px, 0.7fr) !important;
  grid-template-areas:
    "search brand tools"
    ". motto tools" !important;
  gap: 10px clamp(18px, 2.8vw, 42px) !important;
  align-items: center !important;
}

.site-search-mini {
  grid-area: search !important;
  justify-self: start !important;
  width: min(100%, 440px) !important;
  box-shadow: 0 14px 36px rgba(20, 20, 20, 0.06) !important;
  border-radius: 999px !important;
}

.site-search-mini label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}

.site-search-mini input {
  height: 50px !important;
  border-color: var(--vini-line) !important;
  background: #fffefa !important;
  color: var(--vini-ink) !important;
}

.site-search-mini button {
  width: 58px !important;
  height: 50px !important;
  background: var(--vini-ink) !important;
  color: #fffefa !important;
}

.masthead-link {
  grid-area: brand !important;
  justify-self: center !important;
  color: var(--vini-ink) !important;
  font-family: var(--font-display) !important;
  font-size: clamp(4.7rem, 8vw, 9rem) !important;
  font-weight: 650 !important;
  line-height: 0.82 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-rendering: optimizeLegibility !important;
}

.masthead-motto {
  grid-area: motto !important;
  justify-self: center !important;
  margin: 0 !important;
  color: var(--vini-red) !important;
  font: 900 clamp(0.72rem, 0.82vw, 0.92rem)/1.1 var(--font-ui) !important;
  letter-spacing: 0.19em !important;
}

.reader-toolbelt {
  grid-area: tools !important;
  justify-self: end !important;
  align-self: center !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(96px, 1fr)) !important;
  gap: 8px !important;
  width: min(100%, 250px) !important;
}

.reader-tool,
.reader-toolbelt .account-launcher__trigger {
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #fffefa !important;
  border: 1px solid var(--vini-line) !important;
  box-shadow: none !important;
  color: var(--vini-ink) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

.reader-tool__icon {
  font: 900 0.72rem/1 var(--font-ui) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.site-navrow {
  position: relative !important;
  z-index: 90 !important;
  margin: 0 clamp(10px, 1.2vw, 20px) 12px !important;
  overflow: visible !important;
  border: 0 !important;
}

.site-nav {
  display: flex !important;
  align-items: stretch !important;
  gap: 4px !important;
  width: 100% !important;
  padding: 6px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border: 1px solid var(--vini-line) !important;
  border-radius: 999px !important;
  background: rgba(255, 254, 250, 0.92) !important;
  box-shadow: 0 12px 42px rgba(20, 20, 20, 0.07) !important;
}

.site-nav > .nav-mega {
  position: static !important;
  flex: 1 0 auto !important;
  min-width: max-content !important;
}

.site-nav > .nav-mega summary {
  min-height: 46px !important;
  padding: 0 clamp(12px, 1.1vw, 22px) !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--vini-ink) !important;
  font: 900 0.78rem/1 var(--font-ui) !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.site-nav > .nav-mega[open] summary,
.site-nav > .nav-mega summary:hover,
.site-nav > .nav-mega summary:focus-visible {
  background: var(--vini-ink) !important;
  color: #fffefa !important;
}

html.vini-mega-menu-open,
body.vini-mega-menu-open {
  overflow: auto !important;
}

body.vini-mega-menu-open .site-mastheadbar,
body.vini-mega-menu-open .site-search-mini,
body.vini-mega-menu-open .masthead-actions {
  opacity: 1 !important;
  filter: none !important;
}

.mega-menu__panel,
.site-nav > .nav-mega[open] > .mega-menu__panel,
html body .site-header .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 0 !important;
  right: 0 !important;
  inset-inline: 0 !important;
  width: auto !important;
  max-width: none !important;
  max-height: min(58vh, 560px) !important;
  height: auto !important;
  overflow: auto !important;
  display: grid !important;
  grid-template-columns: minmax(250px, 0.8fr) repeat(3, minmax(190px, 1fr)) !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--vini-line-strong) !important;
  border-radius: 26px !important;
  background: rgba(255, 254, 250, 0.99) !important;
  box-shadow: 0 28px 90px rgba(20, 20, 20, 0.14) !important;
  transform: none !important;
  z-index: 3000 !important;
}

.mega-menu__feature,
.mega-menu__lane {
  padding: clamp(18px, 1.6vw, 30px) !important;
  border-right: 1px solid var(--vini-line) !important;
}

.mega-menu__feature {
  background: #171615 !important;
  color: #fffefa !important;
  border-radius: 24px 0 0 24px !important;
}

.mega-menu__feature h2 {
  max-width: 14ch !important;
  color: #fffefa !important;
  font-family: var(--font-display) !important;
  font-size: clamp(1.7rem, 2.3vw, 3rem) !important;
  line-height: 0.98 !important;
}

.mega-menu__feature span,
.mega-menu__feature p {
  max-width: 28ch !important;
  color: rgba(255, 254, 250, 0.8) !important;
}

.mega-menu__quick-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.mega-menu__quick-actions a,
.mega-menu__lane a {
  min-height: 0 !important;
  padding: 13px 14px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid var(--vini-line) !important;
  box-shadow: none !important;
}

.mega-menu__quick-actions a {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

.mega-menu__lane h2 {
  margin: 0 0 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--vini-line-strong) !important;
  color: var(--vini-red) !important;
  font: 900 0.78rem/1 var(--font-ui) !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.breaking-strip {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 0 !important;
  min-height: 58px !important;
  width: var(--vini-shell) !important;
  margin: 0 auto clamp(24px, 3vw, 44px) !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #9f1020, #7e0b17) !important;
  color: #fffefa !important;
  overflow: hidden !important;
}

.breaking-strip strong,
.breaking-strip span,
.breaking-strip time,
.breaking-strip a {
  color: #fffefa !important;
}

.front-page-grid {
  grid-template-columns: minmax(250px, 0.72fr) minmax(0, 1.76fr) minmax(280px, 0.82fr) !important;
  gap: clamp(18px, 1.7vw, 30px) !important;
}

.latest-column,
.editor-picks,
.wire-column,
.lead-package,
.visual-news-deck,
.daily-engagement-desk,
.reader-engagement-console,
.story-river,
.events-rail-module,
.app-rail-module,
.reader-pathway-grid,
.investigation-dossier {
  border: 1px solid var(--vini-line) !important;
  border-radius: var(--vini-radius) !important;
  background: rgba(255, 254, 250, 0.9) !important;
  box-shadow: 0 18px 54px rgba(20, 20, 20, 0.055) !important;
}

.lead-package,
body .front-page-grid > .lead-package {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: clamp(20px, 2vw, 34px) !important;
}

.lead-package .article-kicker,
body .front-page-grid > .lead-package .article-kicker {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.lead-package .story-visual--lead,
body .front-page-grid > .lead-package .story-visual--lead {
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  height: clamp(360px, 34vw, 620px) !important;
  min-height: 360px !important;
  border-radius: 16px !important;
}

.lead-package h1,
.lead-package h1 a,
.lead-package .story-link,
body .front-page-grid > .lead-package h1,
body .front-page-grid > .lead-package h1 a,
body .front-page-grid > .lead-package .story-link {
  grid-column: 1 !important;
  grid-row: 3 !important;
  max-width: 14ch !important;
  color: var(--vini-ink) !important;
  font-size: clamp(2.55rem, 4.1vw, 6rem) !important;
  line-height: 0.93 !important;
}

.lead-package > p,
body .front-page-grid > .lead-package > p {
  grid-column: 1 !important;
  grid-row: 4 !important;
  max-width: 880px !important;
  color: var(--vini-muted) !important;
  font-size: clamp(1.06rem, 1.08vw, 1.24rem) !important;
}

.lead-package > .story-meta,
.lead-package > .lead-actions,
body .front-page-grid > .lead-package > .story-meta,
body .front-page-grid > .lead-package > .lead-actions {
  grid-column: 1 !important;
}

.front-page-grid figcaption,
.visual-news-deck figcaption,
.story-river figcaption {
  display: none !important;
}

.latest-column,
.editor-picks,
.wire-column {
  padding: 20px !important;
}

.latest-item,
.editor-pick,
.wire-item {
  padding-block: 14px !important;
}

.visual-news-deck__heading,
.story-river__heading,
.daily-engagement-heading,
.section-heading {
  align-items: end !important;
}

.visual-news-deck__heading h2,
.story-river__heading h2,
.daily-engagement-heading h2,
.reader-engagement-console__header h2,
.reader-pathway h2,
.investigation-dossier__lead h2 {
  max-width: 12ch !important;
  font-family: var(--font-display) !important;
  font-size: clamp(2.15rem, 4vw, 5.2rem) !important;
  line-height: 0.94 !important;
}

.visual-news-deck,
.story-river,
.daily-engagement-desk,
.reader-engagement-console,
.reader-pathway-grid,
.investigation-dossier {
  width: var(--vini-shell) !important;
  margin-inline: auto !important;
  padding: clamp(24px, 2.5vw, 42px) !important;
}

.story-river__grid,
.visual-news-deck__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.story-river-card,
.visual-news-card {
  padding: 0 0 20px !important;
  border-top: 1px solid var(--vini-line) !important;
  border-bottom: 0 !important;
}

.story-river-card--text {
  border-top: 1px solid var(--vini-line) !important;
}

.story-river-card h3,
.visual-news-card h3,
.latest-item strong,
.editor-pick h3,
.wire-item strong {
  letter-spacing: 0 !important;
  text-decoration-thickness: 0.06em !important;
}

.reader-engagement-console {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.9fr) repeat(3, minmax(220px, 1fr)) !important;
  gap: 18px !important;
}

.reader-engagement-console__header,
.reader-engagement-console__quick,
.reader-engagement-console__brief,
.reader-engagement-console__support,
.reader-engagement-console__tips {
  min-width: 0 !important;
  border-radius: 16px !important;
  background: #fffefa !important;
  border: 1px solid var(--vini-line) !important;
  padding: 18px !important;
}

.reader-engagement-console__quick {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.reader-action-ledger {
  display: grid !important;
  gap: 8px !important;
}

.reader-action-ledger span {
  border: 1px solid var(--vini-line) !important;
  border-radius: 12px !important;
  padding: 10px !important;
}

.site-footer {
  width: var(--vini-shell) !important;
  max-width: var(--vini-shell) !important;
  border-radius: 24px 24px 0 0 !important;
  background: #171615 !important;
  color: #fffefa !important;
  border: 0 !important;
}

.site-footer a,
.site-footer p,
.site-footer span,
.site-footer strong,
.site-footer h2,
.site-footer h3 {
  color: #fffefa !important;
}

html.vini-dark-theme body {
  background: #111110 !important;
}

html.vini-dark-theme .site-header,
html.vini-dark-theme .site-nav,
html.vini-dark-theme .mega-menu__panel,
html.vini-dark-theme .latest-column,
html.vini-dark-theme .editor-picks,
html.vini-dark-theme .wire-column,
html.vini-dark-theme .lead-package,
html.vini-dark-theme .visual-news-deck,
html.vini-dark-theme .story-river,
html.vini-dark-theme .daily-engagement-desk,
html.vini-dark-theme .reader-engagement-console,
html.vini-dark-theme .reader-pathway-grid,
html.vini-dark-theme .investigation-dossier,
html.vini-dark-theme .reader-engagement-console__header,
html.vini-dark-theme .reader-engagement-console__quick,
html.vini-dark-theme .reader-engagement-console__brief,
html.vini-dark-theme .reader-engagement-console__support,
html.vini-dark-theme .reader-engagement-console__tips {
  background: #181715 !important;
  border-color: rgba(255, 254, 250, 0.16) !important;
  color: #fffefa !important;
}

html.vini-dark-theme .masthead-link,
html.vini-dark-theme .lead-package h1,
html.vini-dark-theme .lead-package h1 a,
html.vini-dark-theme h1,
html.vini-dark-theme h2,
html.vini-dark-theme h3,
html.vini-dark-theme strong {
  color: #fffefa !important;
}

html.vini-dark-theme .mega-menu__feature {
  background: #0f0e0d !important;
}

@media (max-width: 1180px) {
  :root {
    --vini-shell: min(100vw - 28px, 1080px);
  }

  .site-mastheadbar {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "brand"
      "motto"
      "search"
      "tools" !important;
    text-align: center !important;
  }

  .masthead-link,
  .masthead-motto,
  .site-search-mini,
  .reader-toolbelt {
    grid-column: 1 !important;
  }

  .masthead-link {
    grid-row: 1 !important;
    grid-area: brand !important;
  }

  .masthead-motto {
    grid-row: 2 !important;
    grid-area: motto !important;
  }

  .site-search-mini {
    grid-row: 3 !important;
    grid-area: search !important;
  }

  .reader-toolbelt {
    grid-row: 4 !important;
    grid-area: tools !important;
  }

  .site-mastheadbar > .masthead-actions--reader.reader-toolbelt {
    grid-column: 1 !important;
    grid-row: 4 !important;
    grid-area: tools !important;
    justify-self: center !important;
  }

  .site-mastheadbar > .masthead-motto,
  .site-mastheadbar > .site-search-mini,
  .site-mastheadbar > .reader-toolbelt {
    display: flex !important;
  }

  .site-search-mini,
  .reader-toolbelt {
    justify-self: center !important;
  }

  .reader-toolbelt {
    display: flex !important;
    width: auto !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .front-page-grid,
  .story-page-layout,
  .reader-engagement-console {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .story-river__grid,
  .visual-news-deck__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  :root {
    --vini-shell: calc(100vw - 20px);
  }

  .site-header {
    margin-bottom: 22px !important;
  }

  .site-utility {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .utility-links {
    display: none !important;
  }

  .site-mastheadbar {
    padding: 18px 10px !important;
    gap: 10px !important;
  }

  .masthead-link {
    font-size: clamp(3.55rem, 17vw, 5.1rem) !important;
    line-height: 0.88 !important;
    white-space: normal !important;
  }

  .masthead-motto {
    max-width: 25ch !important;
    letter-spacing: 0.14em !important;
  }

  .site-search-mini {
    width: min(340px, calc(100vw - 56px)) !important;
    max-width: calc(100vw - 56px) !important;
    inline-size: min(340px, calc(100vw - 56px)) !important;
    display: flex !important;
    justify-self: center !important;
  }

  .site-search-mini input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .site-search-mini button {
    flex: 0 0 58px !important;
  }

  .reader-tool {
    height: 40px !important;
    padding-inline: 12px !important;
  }

  .site-navrow {
    margin-inline: 0 !important;
  }

  .site-nav {
    border-radius: 18px !important;
    padding: 5px !important;
  }

  .site-nav > .nav-mega summary {
    min-height: 42px !important;
  }

  .mega-menu__panel,
  .site-nav > .nav-mega[open] > .mega-menu__panel,
  html body .site-header .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel {
    position: fixed !important;
    top: var(--vini-mega-menu-top, 396px) !important;
    left: var(--vini-mega-menu-side, 10px) !important;
    right: var(--vini-mega-menu-side, 10px) !important;
    bottom: auto !important;
    inset: var(--vini-mega-menu-top, 396px) var(--vini-mega-menu-side, 10px) auto var(--vini-mega-menu-side, 10px) !important;
    max-width: 100% !important;
    width: auto !important;
    max-height: var(--vini-mega-menu-max-height, min(52vh, 430px)) !important;
    overflow: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    border-radius: 20px !important;
  }

  .mega-menu__feature {
    border-radius: 18px 18px 0 0 !important;
  }

  .mega-menu__feature,
  .mega-menu__lane {
    border-right: 0 !important;
    border-bottom: 1px solid var(--vini-line) !important;
  }

  .breaking-strip {
    grid-template-columns: minmax(0, 1fr) !important;
    border-radius: 20px !important;
  }

  .lead-package .story-visual--lead,
  body .front-page-grid > .lead-package .story-visual--lead {
    height: 270px !important;
    min-height: 270px !important;
  }

  .lead-package h1,
  .lead-package h1 a,
  .lead-package .story-link,
  body .front-page-grid > .lead-package h1,
  body .front-page-grid > .lead-package h1 a,
  body .front-page-grid > .lead-package .story-link {
    max-width: 100% !important;
    font-size: clamp(2.25rem, 10.5vw, 3.25rem) !important;
  }

  .story-river__grid,
  .visual-news-deck__grid,
  .reader-engagement-console__quick {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .masthead-link {
    width: max-content !important;
    max-width: 100% !important;
    font-size: clamp(3.2rem, 14vw, 4.15rem) !important;
    line-height: 0.86 !important;
    white-space: nowrap !important;
  }
}

/* 2026-06-28m editorial system correction: modern magazine scale, lighter
   navigation, better article reading, and less internal/proof-heavy frontage. */
:root {
  --vini-page: #fbfaf7;
  --vini-paper: #fffefb;
  --vini-paper-soft: #f4f1e9;
  --vini-ink: #111111;
  --vini-muted: #5e5a52;
  --vini-soft-muted: #8a857a;
  --vini-line: rgba(17, 17, 17, 0.105);
  --vini-line-strong: rgba(17, 17, 17, 0.2);
  --vini-red: #9b0f1d;
  --vini-shadow-soft: 0 22px 70px rgba(17, 17, 17, 0.075);
  --vini-shell: min(1660px, calc(100vw - 56px));
  --vini-radius: 14px;
}

body {
  background: linear-gradient(180deg, #fffefb 0%, #f7f4ee 52%, #fbfaf7 100%) !important;
}

.page-frame,
.page-frame--newsroom,
.story-page-frame,
.site-footer {
  width: var(--vini-shell) !important;
  max-width: var(--vini-shell) !important;
}

.site-header {
  width: var(--vini-shell) !important;
  max-width: var(--vini-shell) !important;
  margin: 0 auto clamp(18px, 2.4vw, 34px) !important;
  background: rgba(255, 254, 251, 0.98) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--vini-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.site-utility {
  padding-block: 6px !important;
  font-size: 0.76rem !important;
}

.site-mastheadbar {
  padding: clamp(16px, 2.2vw, 30px) clamp(16px, 2.4vw, 34px) clamp(12px, 1.6vw, 22px) !important;
  grid-template-columns: minmax(240px, 0.75fr) minmax(360px, 1.12fr) minmax(230px, 0.68fr) !important;
  gap: 8px clamp(18px, 2.4vw, 38px) !important;
}

.masthead-link {
  color: var(--vini-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(3.7rem, 6.6vw, 7.15rem) !important;
  font-weight: 500 !important;
  line-height: 0.86 !important;
  letter-spacing: 0 !important;
}

.masthead-motto {
  color: var(--vini-red) !important;
  font-size: clamp(0.68rem, 0.76vw, 0.86rem) !important;
  letter-spacing: 0.16em !important;
}

.site-search-mini {
  width: min(100%, 420px) !important;
  box-shadow: 0 10px 34px rgba(17, 17, 17, 0.055) !important;
}

.site-search-mini input,
.site-search-mini button {
  height: 44px !important;
}

.reader-toolbelt {
  width: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.reader-tool,
.reader-toolbelt .account-launcher__trigger {
  width: auto !important;
  height: 38px !important;
  min-width: 0 !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  background: #fffefb !important;
  color: var(--vini-ink) !important;
  border: 1px solid var(--vini-line) !important;
  box-shadow: none !important;
}

.reader-tool:hover,
.reader-tool:focus-visible {
  background: var(--vini-ink) !important;
  color: #fffefb !important;
}

.reader-tool__icon {
  color: inherit !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.06em !important;
}

.site-navrow {
  margin: 0 0 10px !important;
  padding: 0 !important;
}

.site-nav {
  padding: 4px !important;
  gap: 2px !important;
  border: 1px solid var(--vini-line) !important;
  border-radius: 12px !important;
  background: rgba(255, 254, 251, 0.86) !important;
  box-shadow: none !important;
}

.site-nav > .nav-mega {
  flex: 1 0 max-content !important;
}

.site-nav > .nav-mega summary {
  min-height: 40px !important;
  padding-inline: clamp(10px, 0.9vw, 17px) !important;
  border-radius: 9px !important;
  color: var(--vini-ink) !important;
  font-size: 0.74rem !important;
  letter-spacing: 0.035em !important;
}

.site-nav > .nav-mega summary::after {
  opacity: 0.58 !important;
}

.mega-menu__panel,
.site-nav > .nav-mega[open] > .mega-menu__panel,
html body .site-header .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel {
  left: 50% !important;
  right: auto !important;
  top: calc(100% + 8px) !important;
  width: min(1180px, calc(100vw - 72px)) !important;
  max-width: min(1180px, calc(100vw - 72px)) !important;
  max-height: min(52vh, 470px) !important;
  transform: translateX(-50%) !important;
  grid-template-columns: minmax(210px, 0.72fr) repeat(3, minmax(185px, 1fr)) !important;
  border-radius: 18px !important;
  border: 1px solid var(--vini-line-strong) !important;
  background: rgba(255, 254, 251, 0.985) !important;
  box-shadow: 0 28px 82px rgba(17, 17, 17, 0.16) !important;
}

.mega-menu__feature {
  background: #fff9f1 !important;
  color: var(--vini-ink) !important;
  border-radius: 17px 0 0 17px !important;
}

.mega-menu__feature h2 {
  max-width: 14ch !important;
  color: var(--vini-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.65rem, 2vw, 2.35rem) !important;
  line-height: 1 !important;
}

.mega-menu__feature p {
  color: var(--vini-red) !important;
}

.mega-menu__feature span {
  color: var(--vini-muted) !important;
}

.mega-menu__feature,
.mega-menu__lane {
  padding: clamp(16px, 1.45vw, 24px) !important;
}

.mega-menu__quick-actions {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
}

.mega-menu__quick-actions a,
.mega-menu__lane a {
  padding: 11px 12px !important;
  border-radius: 12px !important;
  background: #fffefb !important;
  color: var(--vini-ink) !important;
  border-color: var(--vini-line) !important;
}

.mega-menu__quick-actions a strong,
.mega-menu__lane a strong {
  color: var(--vini-ink) !important;
  font-size: 0.96rem !important;
}

.mega-menu__quick-actions a span,
.mega-menu__lane a span {
  color: var(--vini-muted) !important;
  font-size: 0.82rem !important;
}

.mega-menu__lane h2 {
  color: var(--vini-red) !important;
  border-color: var(--vini-line) !important;
  font-size: 0.7rem !important;
}

.breaking-strip {
  min-height: 52px !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 44px rgba(155, 15, 29, 0.14) !important;
}

.front-page-grid {
  width: var(--vini-shell) !important;
  grid-template-columns: minmax(250px, 0.62fr) minmax(0, 1.42fr) minmax(280px, 0.72fr) !important;
  gap: clamp(18px, 1.7vw, 28px) !important;
}

.lead-package,
body .front-page-grid > .lead-package {
  border-radius: 16px !important;
  padding: clamp(18px, 2vw, 32px) !important;
  background: #fffefb !important;
  box-shadow: var(--vini-shadow-soft) !important;
}

.lead-package .story-visual--lead,
body .front-page-grid > .lead-package .story-visual--lead {
  height: clamp(330px, 31vw, 540px) !important;
  min-height: 320px !important;
  border-radius: 14px !important;
}

.lead-package h1,
.lead-package h1 a,
.lead-package .story-link,
body .front-page-grid > .lead-package h1,
body .front-page-grid > .lead-package h1 a,
body .front-page-grid > .lead-package .story-link {
  max-width: 18ch !important;
  font-size: clamp(2.25rem, 3.75vw, 4.9rem) !important;
  line-height: 0.97 !important;
}

.latest-column,
.editor-picks,
.wire-column {
  border-radius: 14px !important;
  background: rgba(255, 254, 251, 0.78) !important;
  box-shadow: none !important;
}

.visual-news-deck,
.story-river,
.daily-engagement-desk,
.reader-engagement-console,
.reader-pathway-grid,
.investigation-dossier {
  border-radius: 16px !important;
  background: #fffefb !important;
  box-shadow: var(--vini-shadow-soft) !important;
}

.visual-news-deck__heading h2,
.story-river__heading h2,
.daily-engagement-heading h2,
.reader-engagement-console__header h2,
.reader-pathway h2,
.investigation-dossier__lead h2 {
  max-width: 15ch !important;
  font-size: clamp(1.85rem, 3.05vw, 3.7rem) !important;
  line-height: 0.98 !important;
}

.story-river__grid,
.visual-news-deck__grid {
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)) !important;
}

.story-river-card,
.visual-news-card,
.daily-engagement-card,
.daily-engagement-rail {
  background: #fffefb !important;
  border: 1px solid var(--vini-line) !important;
  border-radius: 14px !important;
  padding: 16px !important;
}

.story-river-card {
  min-height: 210px !important;
}

.story-river-card h3,
.visual-news-card h3 {
  font-size: clamp(1.25rem, 1.45vw, 1.7rem) !important;
  line-height: 1.05 !important;
}

.reader-pathway-grid .stats-strip,
.reader-pathway-grid .contributors-grid,
.reader-pathway-grid .section-directory {
  display: none !important;
}

.reader-pathway-grid {
  grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(250px, 0.75fr)) !important;
}

.reader-engagement-console {
  grid-template-columns: minmax(260px, 0.9fr) repeat(3, minmax(210px, 1fr)) !important;
}

.reader-engagement-console__header h2 {
  max-width: 12ch !important;
}

.reader-engagement-console__quick a,
.story-command-actions a,
.story-action-list a,
.story-share-grid a {
  border-radius: 12px !important;
}

.privacy-consent {
  left: clamp(18px, 2.4vw, 36px) !important;
  right: auto !important;
  bottom: clamp(18px, 2.4vw, 34px) !important;
  width: min(420px, calc(100vw - 36px)) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 76px rgba(17, 17, 17, 0.16) !important;
}

.story-page-layout {
  width: var(--vini-shell) !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
  gap: clamp(22px, 2.6vw, 42px) !important;
}

.article-shell--story {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr) !important;
  column-gap: clamp(24px, 3vw, 56px) !important;
  row-gap: 18px !important;
  padding: clamp(22px, 3vw, 48px) !important;
  background: #fffefb !important;
  border-radius: 18px !important;
}

.article-shell--story > .story-breadcrumbs,
.article-shell--story > .hero-copy__kicker,
.article-shell--story > h1,
.article-shell--story > p,
.article-shell--story > .story-meta {
  grid-column: 1 !important;
}

.article-shell--story > h1 {
  max-width: 18ch !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.45rem, 4vw, 5.1rem) !important;
  line-height: 0.98 !important;
}

.article-shell--story > h1 + p {
  max-width: 720px !important;
  font-size: clamp(1.05rem, 1.08vw, 1.22rem) !important;
  line-height: 1.62 !important;
  color: var(--vini-muted) !important;
}

.article-shell--story > .story-visual--article {
  grid-column: 2 !important;
  grid-row: 1 / span 7 !important;
  align-self: start !important;
  position: sticky !important;
  top: 18px !important;
  aspect-ratio: 4 / 3 !important;
  border-radius: 16px !important;
}

.article-shell--story > .story-reader-panel,
.article-shell--story > .story-command-center,
.article-shell--story > .story-context-grid,
.article-shell--story > .article-shell__body,
.article-shell--story > .story-gallery,
.article-shell--story > .story-engagement-block,
.article-shell--story > .comments-panel {
  grid-column: 1 / -1 !important;
}

.story-reader-panel,
.story-command-center,
.story-context-grid,
.story-engagement-block,
.comments-panel {
  border-radius: 16px !important;
  background: #fbf8f0 !important;
  border: 1px solid var(--vini-line) !important;
  box-shadow: none !important;
}

.story-command-center {
  grid-template-columns: minmax(240px, 0.7fr) minmax(0, 1fr) !important;
}

.article-shell__body.story-body {
  max-width: 820px !important;
  margin-inline: auto !important;
}

.article-shell__body.story-body p,
.article-shell__body.story-body li {
  font-size: clamp(1.05rem, 1.05vw, 1.2rem) !important;
  line-height: 1.72 !important;
}

.story-rail-card,
.story-rail .cms-panel {
  border-radius: 14px !important;
  background: #fffefb !important;
  box-shadow: none !important;
}

html.vini-dark-theme body {
  background: #10100f !important;
}

html.vini-dark-theme .site-header,
html.vini-dark-theme .site-nav,
html.vini-dark-theme .mega-menu__panel,
html.vini-dark-theme .lead-package,
html.vini-dark-theme .latest-column,
html.vini-dark-theme .editor-picks,
html.vini-dark-theme .wire-column,
html.vini-dark-theme .visual-news-deck,
html.vini-dark-theme .story-river,
html.vini-dark-theme .daily-engagement-desk,
html.vini-dark-theme .reader-engagement-console,
html.vini-dark-theme .reader-pathway-grid,
html.vini-dark-theme .article-shell--story,
html.vini-dark-theme .story-rail-card,
html.vini-dark-theme .story-rail .cms-panel,
html.vini-dark-theme .story-river-card,
html.vini-dark-theme .visual-news-card,
html.vini-dark-theme .daily-engagement-card,
html.vini-dark-theme .daily-engagement-rail {
  background: #181714 !important;
  color: #fffaf0 !important;
  border-color: rgba(255, 250, 240, 0.14) !important;
}

html.vini-dark-theme .mega-menu__feature,
html.vini-dark-theme .story-reader-panel,
html.vini-dark-theme .story-command-center,
html.vini-dark-theme .story-context-grid,
html.vini-dark-theme .story-engagement-block,
html.vini-dark-theme .comments-panel {
  background: #201e1a !important;
}

html.vini-dark-theme .masthead-link,
html.vini-dark-theme h1,
html.vini-dark-theme h2,
html.vini-dark-theme h3,
html.vini-dark-theme strong,
html.vini-dark-theme .mega-menu__feature h2,
html.vini-dark-theme .mega-menu__quick-actions a strong,
html.vini-dark-theme .mega-menu__lane a strong {
  color: #fffaf0 !important;
}

html.vini-dark-theme p,
html.vini-dark-theme li,
html.vini-dark-theme span,
html.vini-dark-theme .mega-menu__feature span,
html.vini-dark-theme .mega-menu__quick-actions a span,
html.vini-dark-theme .mega-menu__lane a span {
  color: rgba(255, 250, 240, 0.76) !important;
}

@media (max-width: 1180px) {
  :root {
    --vini-shell: min(100vw - 28px, 1040px);
  }

  .site-mastheadbar {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "brand"
      "motto"
      "search"
      "tools" !important;
    text-align: center !important;
  }

  .masthead-link {
    font-size: clamp(3.35rem, 12vw, 6.2rem) !important;
  }

  .reader-toolbelt {
    justify-content: center !important;
  }

  .front-page-grid,
  .story-page-layout,
  .reader-engagement-console,
  .reader-pathway-grid,
  .article-shell--story {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .article-shell--story > .story-visual--article {
    grid-column: 1 !important;
    grid-row: auto !important;
    position: relative !important;
    top: auto !important;
    aspect-ratio: 16 / 9 !important;
  }
}

@media (max-width: 760px) {
  :root {
    --vini-shell: calc(100vw - 20px);
  }

  .site-header {
    margin-bottom: 16px !important;
  }

  .site-mastheadbar {
    padding: 14px 10px 12px !important;
  }

  .masthead-link {
    width: auto !important;
    max-width: calc(100vw - 34px) !important;
    font-size: clamp(3.05rem, 14vw, 4.15rem) !important;
    white-space: nowrap !important;
  }

  .site-search-mini {
    width: min(348px, calc(100vw - 42px)) !important;
    max-width: calc(100vw - 42px) !important;
  }

  .reader-toolbelt {
    gap: 6px !important;
  }

  .reader-tool {
    height: 36px !important;
    padding-inline: 11px !important;
  }

  .site-nav {
    border-radius: 14px !important;
  }

  .mega-menu__panel,
  .site-nav > .nav-mega[open] > .mega-menu__panel,
  html body .site-header .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel {
    position: fixed !important;
    top: var(--vini-mega-menu-top, 300px) !important;
    left: var(--vini-mega-menu-side, 10px) !important;
    right: var(--vini-mega-menu-side, 10px) !important;
    width: auto !important;
    max-width: calc(100vw - 20px) !important;
    max-height: var(--vini-mega-menu-max-height, min(52vh, 430px)) !important;
    transform: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
    border-radius: 18px !important;
  }

  .mega-menu__feature {
    border-radius: 17px 17px 0 0 !important;
  }

  .front-page-grid {
    gap: 14px !important;
  }

  .lead-package .story-visual--lead,
  body .front-page-grid > .lead-package .story-visual--lead {
    height: 255px !important;
    min-height: 255px !important;
  }

  .lead-package h1,
  .lead-package h1 a,
  .lead-package .story-link,
  body .front-page-grid > .lead-package h1,
  body .front-page-grid > .lead-package h1 a,
  body .front-page-grid > .lead-package .story-link {
    max-width: 100% !important;
    font-size: clamp(2.05rem, 9.4vw, 3rem) !important;
  }

  .visual-news-deck,
  .story-river,
  .daily-engagement-desk,
  .reader-engagement-console,
  .reader-pathway-grid,
  .article-shell--story {
    padding: 18px !important;
  }

  .story-river__grid,
  .visual-news-deck__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .privacy-consent {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    width: auto !important;
  }
}

/* 2026-06-28m.1: remove empty mega-menu lanes, normalize brand type on all
   routes, and make story pages denser without losing article tools. */
html body .site-header .masthead-link,
html body:has(.story-page-frame) .site-header .masthead-link {
  color: var(--vini-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.mega-menu__panel,
.site-nav > .nav-mega[open] > .mega-menu__panel,
html body .site-header .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel {
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  width: min(1040px, calc(100vw - 72px)) !important;
  max-width: min(1040px, calc(100vw - 72px)) !important;
  max-height: min(50vh, 430px) !important;
  overflow: auto !important;
}

html body .site-nav > .nav-mega .mega-menu__feature {
  flex: 0 0 min(270px, 30%) !important;
  background: #fff8f1 !important;
  color: var(--vini-ink) !important;
  border-right: 1px solid var(--vini-line) !important;
}

html body .site-nav > .nav-mega .mega-menu__lane {
  flex: 1 1 245px !important;
  min-width: 210px !important;
  border-right: 1px solid var(--vini-line) !important;
}

html body .site-nav > .nav-mega .mega-menu__feature h2,
html body .site-nav > .nav-mega .mega-menu__feature strong,
html body .site-nav > .nav-mega .mega-menu__quick-actions a strong {
  color: var(--vini-ink) !important;
}

html body .site-nav > .nav-mega .mega-menu__feature span,
html body .site-nav > .nav-mega .mega-menu__quick-actions a span {
  color: var(--vini-muted) !important;
}

.mega-menu__quick-actions a {
  background: rgba(255, 255, 255, 0.74) !important;
  border-color: var(--vini-line) !important;
}

.breaking-strip {
  margin-top: 0 !important;
  margin-bottom: clamp(20px, 2.5vw, 34px) !important;
}

.investigation-dossier__stats {
  display: none !important;
}

.article-shell--story > h1 {
  max-width: 22ch !important;
  font-size: clamp(2.3rem, 3.25vw, 4.25rem) !important;
  line-height: 1 !important;
}

.article-shell--story > .story-visual--article {
  max-height: 430px !important;
}

.story-guide-list a {
  padding: 10px 0 !important;
}

.privacy-consent {
  padding: 14px !important;
}

.privacy-consent__copy h2 {
  font-size: 0.76rem !important;
}

.privacy-consent__copy p {
  font-size: 0.86rem !important;
}

@media (max-width: 760px) {
  .mega-menu__panel,
  .site-nav > .nav-mega[open] > .mega-menu__panel,
  html body .site-header .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: auto !important;
    max-width: calc(100vw - 20px) !important;
    max-height: var(--vini-mega-menu-max-height, min(52vh, 430px)) !important;
  }

  html body .site-nav > .nav-mega .mega-menu__feature {
    flex: none !important;
    background: #fff8f1 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--vini-line) !important;
  }

  html body .site-nav > .nav-mega .mega-menu__lane {
    flex: none !important;
    min-width: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--vini-line) !important;
  }

  html body .site-nav > .nav-mega .mega-menu__feature h2 {
    font-size: clamp(1.65rem, 7vw, 2.2rem) !important;
  }

  .article-shell--story > h1 {
    font-size: clamp(2rem, 8.7vw, 2.85rem) !important;
  }
}

/* 2026-06-28m.2: tighten the publication shell after visual QA. The goal is
   a serious magazine/news surface, not a proof ledger or oversized masthead. */
html body {
  background: #fbfaf7 !important;
}

html body .site-header {
  margin-bottom: clamp(8px, 1.2vw, 16px) !important;
}

html body .site-mastheadbar {
  min-height: 0 !important;
  padding: clamp(8px, 1vw, 14px) clamp(18px, 2.5vw, 38px) clamp(10px, 1.2vw, 16px) !important;
  align-items: center !important;
  gap: 8px clamp(16px, 2vw, 30px) !important;
}

html body .masthead-link {
  font-size: clamp(3.2rem, 5.2vw, 5.75rem) !important;
  line-height: 0.9 !important;
}

html body .masthead-motto {
  margin-top: 4px !important;
  font-size: clamp(0.64rem, 0.72vw, 0.76rem) !important;
  letter-spacing: 0.15em !important;
}

html body .reader-toolbelt {
  align-self: center !important;
  gap: 7px !important;
}

html body .reader-tool,
html body .reader-toolbelt .account-launcher__trigger {
  height: 34px !important;
  padding-inline: 12px !important;
  box-shadow: 0 8px 24px rgba(17, 17, 17, 0.05) !important;
}

html body .site-search-mini input,
html body .site-search-mini button {
  height: 40px !important;
}

html body .site-navrow {
  margin-bottom: 0 !important;
}

html body .site-nav {
  border-radius: 10px !important;
}

html body .site-nav > .nav-mega summary {
  min-height: 36px !important;
  padding-inline: clamp(9px, 0.8vw, 14px) !important;
}

html body #app.app-shell {
  padding-top: 0 !important;
}

html body .page-frame--newsroom {
  padding-top: clamp(10px, 1vw, 16px) !important;
}

html body .breaking-strip {
  margin-top: 0 !important;
  margin-bottom: clamp(16px, 2vw, 26px) !important;
}

html body .front-page-grid {
  gap: clamp(16px, 1.45vw, 24px) !important;
}

html body .lead-package,
html body .front-page-grid > .lead-package,
html body .latest-column,
html body .editor-picks,
html body .wire-column,
html body .visual-news-deck,
html body .story-river,
html body .daily-engagement-desk,
html body .reader-engagement-console,
html body .reader-pathway-grid,
html body .investigation-dossier {
  border-radius: 12px !important;
  box-shadow: 0 18px 58px rgba(17, 17, 17, 0.055) !important;
}

html body .privacy-consent {
  left: auto !important;
  right: clamp(14px, 1.8vw, 28px) !important;
  bottom: clamp(8px, 1vw, 14px) !important;
  width: min(620px, calc(100vw - 28px)) !important;
  padding: 10px !important;
  border-radius: 14px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  box-shadow: 0 18px 56px rgba(17, 17, 17, 0.18) !important;
}

html body .privacy-consent__copy h2 {
  font-size: 0.72rem !important;
  margin-bottom: 4px !important;
}

html body .privacy-consent__copy p {
  font-size: 0.8rem !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

html body .privacy-consent__actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
}

html body .privacy-consent .button-link {
  min-height: 34px !important;
  padding: 8px 10px !important;
  font-size: 0.68rem !important;
  white-space: nowrap !important;
}

html body .story-page-layout {
  align-items: start !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px) !important;
  gap: clamp(18px, 2.2vw, 34px) !important;
}

html body .article-shell--story {
  grid-template-columns: minmax(0, 1.05fr) minmax(330px, 0.82fr) !important;
  grid-template-areas:
    "breadcrumbs breadcrumbs"
    "kicker kicker"
    "title title"
    "dek dek"
    "visual visual"
    "reader reader"
    "command command"
    "context context"
    "meta meta"
    "body body"
    "gallery gallery"
    "engagement engagement"
    "comments comments" !important;
  column-gap: clamp(22px, 2.6vw, 44px) !important;
  row-gap: 14px !important;
  padding: clamp(22px, 2.4vw, 38px) !important;
  overflow: visible !important;
}

html body .article-shell--story > .story-breadcrumbs {
  font-size: 0.82rem !important;
}

html body .article-shell--story > .story-breadcrumbs,
html body .article-shell--story > .hero-copy__kicker,
html body .article-shell--story > h1,
html body .article-shell--story > p,
html body .article-shell--story > .story-meta,
html body .article-shell--story > .story-visual--article {
  grid-column: 1 / -1 !important;
}

html body .article-shell--story > .story-breadcrumbs {
  grid-area: breadcrumbs !important;
}

html body .article-shell--story > .hero-copy__kicker {
  grid-area: kicker !important;
}

html body .article-shell--story > h1 {
  grid-area: title !important;
}

html body .article-shell--story > h1 + p {
  grid-area: dek !important;
}

html body .article-shell--story > .story-visual--article {
  grid-area: visual !important;
}

html body .article-shell--story > .story-reader-panel {
  grid-area: reader !important;
}

html body .article-shell--story > .story-command-center {
  grid-area: command !important;
}

html body .article-shell--story > .story-context-grid {
  grid-area: context !important;
}

html body .article-shell--story > .story-meta {
  grid-area: meta !important;
}

html body .article-shell--story > .article-shell__body {
  grid-area: body !important;
}

html body .article-shell--story > .hero-copy__kicker {
  width: fit-content !important;
  margin-top: clamp(10px, 1.3vw, 20px) !important;
  padding: 8px 13px !important;
  font-size: clamp(0.72rem, 0.82vw, 0.88rem) !important;
  letter-spacing: 0.14em !important;
}

html body .article-shell--story > h1,
html body .article-shell--story > h1 a {
  max-width: 25ch !important;
  font-size: clamp(2.25rem, 3vw, 3.8rem) !important;
  line-height: 1.02 !important;
}

html body .article-shell--story > h1 + p {
  max-width: 68ch !important;
  font-size: clamp(1rem, 1.02vw, 1.12rem) !important;
  line-height: 1.55 !important;
}

html body .article-shell--story > .story-visual--article {
  grid-row: auto !important;
  max-height: none !important;
  aspect-ratio: 16 / 8.2 !important;
  position: static !important;
}

html body .article-shell--story > .story-visual--article img {
  height: 100% !important;
  object-fit: cover !important;
}

html body .article-shell--story > .story-reader-panel {
  margin-top: 12px !important;
}

html body .article-rail {
  position: sticky !important;
  top: 12px !important;
}

html body .story-guide-list a {
  border-radius: 10px !important;
}

@media (max-width: 1100px) {
  html body .site-mastheadbar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .story-page-layout,
  html body .article-shell--story {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .article-shell--story > .story-visual--article,
  html body .article-shell--story > .story-breadcrumbs,
  html body .article-shell--story > .hero-copy__kicker,
  html body .article-shell--story > h1,
  html body .article-shell--story > p,
  html body .article-shell--story > .story-meta {
    grid-column: 1 !important;
  }

  html body .article-shell--story > .story-visual--article {
    grid-row: auto !important;
  }

  html body .article-rail {
    position: static !important;
  }
}

@media (max-width: 760px) {
  html body .site-header {
    margin-bottom: 0 !important;
  }

  html body .site-mastheadbar {
    padding: 10px 12px 12px !important;
  }

  html body .masthead-link {
    font-size: clamp(2.8rem, 15vw, 4.1rem) !important;
  }

  html body .reader-toolbelt {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  html body .reader-tool,
  html body .reader-toolbelt .account-launcher__trigger {
    padding-inline: 7px !important;
  }

  html body .page-frame--newsroom {
    padding-top: 12px !important;
  }

  html body .article-shell--story > h1,
  html body .article-shell--story > h1 a {
    max-width: 100% !important;
    font-size: clamp(2rem, 9.2vw, 3rem) !important;
  }

  html body .privacy-consent {
    right: 10px !important;
    bottom: 10px !important;
    width: min(320px, calc(100vw - 20px)) !important;
    display: block !important;
  }
}

/* 2026-06-28m.3: one-column story hero inside the article card. The page still
   has a right rail; the headline no longer competes with the lead image. */
html body .story-page-layout .article-shell.article-shell--story {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "breadcrumbs"
    "kicker"
    "title"
    "dek"
    "visual"
    "reader"
    "command"
    "context"
    "meta"
    "body"
    "gallery"
    "engagement"
    "comments" !important;
  row-gap: clamp(12px, 1.3vw, 20px) !important;
}

html body .story-page-layout .article-shell.article-shell--story > .story-breadcrumbs {
  grid-area: breadcrumbs !important;
}

html body .story-page-layout .article-shell.article-shell--story > .hero-copy__kicker {
  grid-area: kicker !important;
}

html body .story-page-layout .article-shell.article-shell--story > h1 {
  grid-area: title !important;
  max-width: 22ch !important;
  font-size: clamp(2.25rem, 2.55vw, 3.15rem) !important;
  line-height: 1.03 !important;
}

html body .story-page-layout .article-shell.article-shell--story > h1 + p {
  grid-area: dek !important;
  max-width: 70ch !important;
}

html body .story-page-layout .article-shell.article-shell--story > .story-visual--article {
  grid-area: visual !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 16 / 7.6 !important;
}

html body .story-page-layout .article-shell.article-shell--story > .story-reader-panel {
  grid-area: reader !important;
}

html body .story-page-layout .article-shell.article-shell--story > .story-command-center {
  grid-area: command !important;
}

html body .story-page-layout .article-shell.article-shell--story > .story-context-grid {
  grid-area: context !important;
}

html body .story-page-layout .article-shell.article-shell--story > .story-meta {
  grid-area: meta !important;
}

html body .story-page-layout .article-shell.article-shell--story > .article-shell__body {
  grid-area: body !important;
}

html body .events-page {
  width: var(--vini-shell) !important;
}

html body .events-hero {
  grid-template-columns: minmax(0, 0.98fr) minmax(360px, 0.76fr) !important;
  gap: clamp(20px, 2.4vw, 40px) !important;
  padding: clamp(28px, 3.2vw, 56px) !important;
  border-radius: 16px !important;
  background: linear-gradient(110deg, #eef6f5 0%, #fbf7f1 58%, #f9eff1 100%) !important;
}

html body .events-hero__copy h1 {
  max-width: 16ch !important;
  font-size: clamp(2.65rem, 4.05vw, 5rem) !important;
  line-height: 0.98 !important;
}

html body .events-hero__copy > p {
  max-width: 58ch !important;
  font-size: clamp(1rem, 1vw, 1.14rem) !important;
  line-height: 1.55 !important;
}

html body .events-filter-panel {
  align-self: center !important;
  border-radius: 15px !important;
  box-shadow: 0 18px 64px rgba(17, 17, 17, 0.08) !important;
}

html body .events-stats {
  max-width: 620px !important;
}

html body .events-results-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
}

@media (max-width: 980px) {
  html body .events-hero {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .events-hero__copy h1 {
    max-width: 12ch !important;
    font-size: clamp(2.6rem, 11vw, 4.4rem) !important;
  }
}

@media (min-width: 761px) {
  html body .privacy-consent {
    left: auto !important;
    right: clamp(14px, 1.8vw, 28px) !important;
    bottom: clamp(8px, 1vw, 14px) !important;
    width: min(620px, calc(100vw - 28px)) !important;
    max-width: min(620px, calc(100vw - 28px)) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px !important;
  }

  html body .privacy-consent__actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
  }

  html body .privacy-consent .button-link {
    min-height: 34px !important;
    white-space: nowrap !important;
  }
}

/* 2026-06-28n: decisive publication polish after browser QA.
   Reduce old masthead weight, remove mobile horizontal-scroll nav, and keep
   consent/readers tools from covering the editorial surface. */
html body {
  background:
    radial-gradient(circle at 18% 0%, rgba(183, 225, 220, 0.22), transparent 34rem),
    linear-gradient(180deg, #fbfaf6 0%, #f7f4ee 58%, #fbfaf6 100%) !important;
}

html body .page-frame,
html body .page-frame--newsroom,
html body .story-page-frame,
html body .events-page,
html body .site-footer {
  width: min(1760px, calc(100vw - clamp(20px, 3vw, 56px))) !important;
  max-width: min(1760px, calc(100vw - clamp(20px, 3vw, 56px))) !important;
}

html body .site-header {
  width: min(1760px, calc(100vw - clamp(20px, 3vw, 56px))) !important;
  margin-bottom: clamp(18px, 2.4vw, 32px) !important;
  border-radius: 0 0 18px 18px !important;
  background: rgba(255, 255, 252, 0.91) !important;
  box-shadow: 0 18px 52px rgba(23, 20, 15, 0.07) !important;
}

html body .site-utility {
  min-height: 30px !important;
  padding: 0 20px !important;
}

html body .site-mastheadbar {
  grid-template-columns: minmax(280px, 0.72fr) minmax(360px, 1.1fr) minmax(220px, 0.58fr) !important;
  grid-template-areas:
    "search brand tools"
    "search motto tools" !important;
  gap: 8px clamp(18px, 2vw, 32px) !important;
  padding: clamp(12px, 1.25vw, 20px) clamp(18px, 2.6vw, 38px) clamp(14px, 1.5vw, 24px) !important;
}

html body .site-search-mini {
  grid-area: search !important;
  align-self: end !important;
}

html body .masthead-link {
  grid-area: brand !important;
  font-size: clamp(3rem, 4.55vw, 5.75rem) !important;
  line-height: 0.86 !important;
}

html body .masthead-motto {
  grid-area: motto !important;
  font-size: clamp(0.68rem, 0.72vw, 0.84rem) !important;
  letter-spacing: 0.2em !important;
}

html body .reader-toolbelt {
  grid-area: tools !important;
  align-self: end !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(44px, 1fr)) !important;
  gap: 8px !important;
}

html body .reader-tool,
html body .reader-toolbelt .account-launcher__trigger {
  width: auto !important;
  min-width: 46px !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0.82) !important;
}

html body .reader-tool__icon {
  font-size: 0.64rem !important;
  line-height: 1 !important;
}

html body .site-nav {
  grid-template-columns: repeat(13, minmax(0, 1fr)) !important;
  overflow: visible !important;
}

html body .site-nav > .nav-mega summary {
  min-height: 48px !important;
  padding-inline: 10px !important;
  font-size: clamp(0.66rem, 0.66vw, 0.78rem) !important;
  letter-spacing: 0.035em !important;
}

html body .site-nav > .nav-mega[open] > .mega-menu__panel,
html body .site-header .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel {
  max-height: min(58vh, 520px) !important;
  border-radius: 0 0 18px 18px !important;
  box-shadow: 0 28px 70px rgba(23, 20, 15, 0.15) !important;
}

html body .mega-menu__feature h2 {
  max-width: 12ch !important;
  font-size: clamp(2rem, 3.1vw, 4.1rem) !important;
}

html body .mega-menu__feature,
html body .mega-menu__lane {
  padding: clamp(18px, 1.65vw, 28px) !important;
}

html body .breaking-strip {
  border-radius: 18px !important;
}

html body .front-page-grid {
  grid-template-columns: minmax(230px, 0.62fr) minmax(0, 1.82fr) minmax(280px, 0.78fr) !important;
}

html body .latest-column,
html body .editor-picks,
html body .wire-column,
html body .lead-package,
html body .visual-news-deck,
html body .daily-engagement-desk,
html body .reader-engagement-console,
html body .reader-pathway-grid,
html body .story-river,
html body .rail-module {
  border-radius: 14px !important;
  background: rgba(255, 255, 252, 0.88) !important;
  box-shadow: 0 14px 44px rgba(23, 20, 15, 0.055) !important;
}

html body .article-kicker,
html body .story-card__eyebrow,
html body .section-heading__eyebrow,
html body .story-meta,
html body .latest-item span,
html body .latest-item em {
  letter-spacing: 0.08em !important;
}

html body .story-meta {
  opacity: 0.72 !important;
}

html body .lead-package .story-meta,
html body .visual-news-deck .story-meta,
html body .story-visual__rights,
html body .reader-action-note {
  display: none !important;
}

html body .lead-package h1,
html body .lead-package h1 a {
  font-size: clamp(2.15rem, 3vw, 4rem) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

html body .lead-package > p,
html body .editor-pick__summary,
html body .visual-news-card p,
html body .reader-pathway p,
html body .reader-engagement-console p {
  color: #4f4b45 !important;
  font-size: clamp(0.98rem, 0.96vw, 1.08rem) !important;
  line-height: 1.58 !important;
}

html body .story-page-layout .article-shell.article-shell--story > h1 {
  max-width: 28ch !important;
  font-size: clamp(2.35rem, 2.8vw, 3.65rem) !important;
  line-height: 0.99 !important;
}

html body .story-page-layout .article-shell.article-shell--story > h1 + p {
  max-width: 74ch !important;
}

html body .story-page-layout .article-shell.article-shell--story {
  border-radius: 16px !important;
  padding: clamp(26px, 3.2vw, 58px) !important;
}

html body .article-rail,
html body .story-page-layout aside {
  border-radius: 14px !important;
}

html body .events-hero {
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 8% 18%, rgba(82, 146, 139, 0.18), transparent 22rem),
    linear-gradient(110deg, #f5fbf9 0%, #fffaf4 58%, #f9eff1 100%) !important;
}

html body .events-hero__copy h1 {
  max-width: 18ch !important;
  font-size: clamp(2.55rem, 3.55vw, 4.6rem) !important;
}

html body .privacy-consent {
  left: 50% !important;
  right: auto !important;
  bottom: 14px !important;
  width: min(760px, calc(100vw - 32px)) !important;
  max-width: min(760px, calc(100vw - 32px)) !important;
  transform: translateX(-50%) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 252, 0.94) !important;
  box-shadow: 0 18px 56px rgba(17, 17, 17, 0.14) !important;
  z-index: 240 !important;
}

html body .privacy-consent__copy {
  min-width: 0 !important;
}

html body .privacy-consent__copy span {
  font-size: 0.64rem !important;
  letter-spacing: 0.12em !important;
}

html body .privacy-consent__copy h2 {
  margin: 0 !important;
  font-size: 0.94rem !important;
  line-height: 1.15 !important;
}

html body .privacy-consent__copy p {
  margin: 3px 0 0 !important;
  max-width: 48ch !important;
  font-size: 0.78rem !important;
  line-height: 1.25 !important;
}

html body .privacy-consent__actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
}

html body .privacy-consent .button-link {
  min-height: 34px !important;
  padding: 8px 11px !important;
  border-radius: 10px !important;
  font-size: 0.68rem !important;
  white-space: nowrap !important;
}

@media (max-width: 1180px) {
  html body .site-mastheadbar {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "brand"
      "motto"
      "search"
      "tools" !important;
  }

  html body .site-search-mini,
  html body .reader-toolbelt {
    justify-self: center !important;
    width: min(620px, 100%) !important;
  }

  html body .site-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body .site-header {
    width: calc(100vw - 18px) !important;
    margin-bottom: 14px !important;
    border-radius: 0 0 14px 14px !important;
  }

  html body .site-utility {
    justify-content: center !important;
    min-height: 26px !important;
    padding-inline: 8px !important;
  }

  html body .site-mastheadbar {
    gap: 8px !important;
    padding: 10px 10px 12px !important;
  }

  html body .masthead-link {
    font-size: clamp(2.55rem, 13.5vw, 3.45rem) !important;
  }

  html body .masthead-motto {
    max-width: 22rem !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.12em !important;
    line-height: 1.25 !important;
  }

  html body .site-search-mini {
    width: 100% !important;
  }

  html body .site-search-mini input,
  html body .site-search-mini button {
    height: 42px !important;
  }

  html body .reader-toolbelt {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  html body .reader-tool,
  html body .reader-toolbelt .account-launcher__trigger {
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 11px !important;
  }

  html body .site-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-height: 188px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border-top: 1px solid rgba(20, 19, 19, 0.1) !important;
  }

  html body .site-nav > .nav-mega summary {
    min-height: 42px !important;
    justify-content: space-between !important;
    font-size: 0.68rem !important;
  }

  html body .site-nav > .nav-mega[open] {
    grid-column: 1 / -1 !important;
  }

  html body .site-nav > .nav-mega[open] > .mega-menu__panel,
  html body .site-header .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    max-height: 60vh !important;
    overflow: auto !important;
    border-radius: 0 0 14px 14px !important;
  }

  html body .mega-menu__feature h2 {
    font-size: clamp(1.8rem, 10vw, 3rem) !important;
  }

  html body .breaking-strip {
    border-radius: 14px !important;
  }

  html body .breaking-strip,
  html body .front-page-grid,
  html body .page-frame,
  html body .page-frame--newsroom,
  html body .story-page-frame,
  html body .events-page,
  html body .site-footer {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
  }

  html body .privacy-consent {
    bottom: 8px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
    padding: 8px !important;
    border-radius: 14px !important;
  }

  html body .privacy-consent__copy p {
    display: none !important;
  }

  html body .privacy-consent__actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  html body .privacy-consent .button-link {
    min-width: 0 !important;
    padding-inline: 6px !important;
    font-size: 0.6rem !important;
  }
}

html.vini-dark-theme body {
  background: #11100d !important;
}

html.vini-dark-theme body .site-header,
html.vini-dark-theme body .latest-column,
html.vini-dark-theme body .editor-picks,
html.vini-dark-theme body .wire-column,
html.vini-dark-theme body .lead-package,
html.vini-dark-theme body .visual-news-deck,
html.vini-dark-theme body .daily-engagement-desk,
html.vini-dark-theme body .reader-engagement-console,
html.vini-dark-theme body .reader-pathway-grid,
html.vini-dark-theme body .story-river,
html.vini-dark-theme body .rail-module,
html.vini-dark-theme body .privacy-consent {
  background: rgba(27, 24, 20, 0.94) !important;
  color: #f8f1e7 !important;
}

/* 2026-06-28n.2: remove the last obvious desktop/mobile chrome defects. */
html body .site-mastheadbar > .masthead-actions--reader.reader-toolbelt,
html body .site-mastheadbar > .reader-toolbelt {
  display: grid !important;
  grid-template-columns: repeat(4, 46px) !important;
  justify-content: end !important;
  justify-self: end !important;
  align-items: center !important;
  width: max-content !important;
  min-width: 0 !important;
}

html body .site-mastheadbar > .masthead-actions--reader.reader-toolbelt .reader-tool,
html body .site-mastheadbar > .reader-toolbelt .reader-tool,
html body .site-mastheadbar > .reader-toolbelt .account-launcher__trigger {
  width: 46px !important;
  min-width: 46px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
}

html body .site-nav {
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)) !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
}

html body .site-nav::-webkit-scrollbar {
  display: none !important;
}

html body .site-nav > .nav-mega {
  min-width: 0 !important;
}

html body .site-nav > .nav-mega summary {
  min-width: 0 !important;
  overflow: hidden !important;
}

html body .site-nav > .nav-mega summary span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .privacy-consent {
  left: auto !important;
  right: 18px !important;
  bottom: 14px !important;
  width: min(430px, calc(100vw - 36px)) !important;
  max-width: min(430px, calc(100vw - 36px)) !important;
  transform: none !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 7px !important;
  padding: 9px !important;
}

html body .privacy-consent__copy p {
  display: none !important;
}

html body .privacy-consent__actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100% !important;
}

html body .privacy-consent .button-link {
  min-width: 0 !important;
  padding-inline: 6px !important;
  font-size: 0.62rem !important;
}

@media (max-width: 1180px) {
  html body .site-mastheadbar > .masthead-actions--reader.reader-toolbelt,
  html body .site-mastheadbar > .reader-toolbelt {
    justify-self: center !important;
  }

  html body .site-nav {
    grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body .site-mastheadbar > .masthead-actions--reader.reader-toolbelt,
  html body .site-mastheadbar > .reader-toolbelt {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  html body .site-mastheadbar > .masthead-actions--reader.reader-toolbelt .reader-tool,
  html body .site-mastheadbar > .reader-toolbelt .reader-tool,
  html body .site-mastheadbar > .reader-toolbelt .account-launcher__trigger {
    width: auto !important;
    min-width: 0 !important;
  }

  html body .site-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body .privacy-consent {
    left: 8px !important;
    right: auto !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }
}

/* 2026-06-28o.2: beat the older flex nav rules with higher specificity. */
html body .site-header .site-navrow .site-nav {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)) !important;
  grid-auto-flow: row !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
}

html body .site-header .site-navrow .site-nav::-webkit-scrollbar {
  display: none !important;
}

html body .site-header .site-navrow .site-nav > .nav-mega {
  min-width: 0 !important;
  width: auto !important;
  flex: initial !important;
}

html body .site-header .site-navrow .site-nav > .nav-mega summary {
  min-width: 0 !important;
  width: 100% !important;
}

@media (max-width: 760px) {
  html body .site-header .site-navrow .site-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-height: 232px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}

/* 2026-06-28r.1: remove the obvious desktop wrap and restore the lead
   package's intended media/text split after older high-specificity rules. */
@media (min-width: 1181px) {
  html body .site-header .site-navrow .site-nav {
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important;
    gap: 5px !important;
  }

  html body .site-header .site-navrow .site-nav > .nav-mega summary {
    min-height: 36px !important;
    padding-inline: 10px !important;
    font-size: clamp(0.6rem, 0.62vw, 0.72rem) !important;
    gap: 5px !important;
    overflow: hidden !important;
  }

  html body .site-header .site-navrow .site-nav > .nav-mega summary::after {
    flex: 0 0 auto !important;
    margin-left: 2px !important;
  }

  html body .site-header .site-navrow .site-nav > .nav-mega summary span {
    display: block !important;
    min-width: 0 !important;
    max-width: calc(100% - 14px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .front-page-grid > .lead-package .article-kicker,
  html body .front-page-grid > .lead-package h1,
  html body .front-page-grid > .lead-package h1 a,
  html body .front-page-grid > .lead-package .story-link,
  html body .front-page-grid > .lead-package > p,
  html body .front-page-grid > .lead-package > .lead-actions {
    grid-column: 2 !important;
  }

  html body .front-page-grid > .lead-package .article-kicker {
    grid-row: 1 !important;
  }

  html body .front-page-grid > .lead-package h1,
  html body .front-page-grid > .lead-package h1 a,
  html body .front-page-grid > .lead-package .story-link {
    grid-row: 2 !important;
  }

  html body .front-page-grid > .lead-package > p {
    grid-row: 3 !important;
  }

  html body .front-page-grid > .lead-package > .lead-actions {
    grid-row: 4 !important;
  }

  html body .front-page-grid > .lead-package .story-visual--lead {
    grid-column: 1 !important;
    grid-row: 1 / span 6 !important;
    height: clamp(330px, 30vw, 520px) !important;
    min-height: 330px !important;
  }
}

/* 2026-06-28r: modern publication shell. This layer intentionally stops the
   old broadsheet chrome from dominating the experience and gives every static
   render a cleaner media-portal rhythm without changing generated content. */
:root {
  --vini-page: #f7f4ee;
  --vini-paper: #fffdf8;
  --vini-paper-soft: #f1eee6;
  --vini-card: rgba(255, 253, 248, 0.94);
  --vini-ink: #121211;
  --vini-muted: #5f5a51;
  --vini-faint: #8d8679;
  --vini-line: rgba(18, 18, 17, 0.1);
  --vini-line-strong: rgba(18, 18, 17, 0.18);
  --vini-red: #a30d1d;
  --vini-red-soft: #fff0f2;
  --vini-teal: #2f766d;
  --vini-gold: #b7893c;
  --vini-radius: 18px;
  --vini-shell: min(1760px, calc(100vw - clamp(20px, 3.8vw, 72px)));
}

html,
body {
  overflow-x: clip !important;
  background: var(--vini-page) !important;
}

html body {
  color: var(--vini-ink) !important;
  background:
    linear-gradient(180deg, #fffdf8 0%, #f3f0e8 46%, #f8f6f0 100%) !important;
}

html body *,
html body *::before,
html body *::after {
  box-sizing: border-box !important;
}

html body .paper-grain,
html body::before,
html body::after,
html body .app-shell::before,
html body .app-shell::after {
  display: none !important;
  background: none !important;
  animation: none !important;
}

html body .page-frame,
html body .page-frame--newsroom,
html body .story-page-frame,
html body .events-page,
html body .site-footer,
html body .front-page-grid,
html body .breaking-strip {
  width: var(--vini-shell) !important;
  max-width: var(--vini-shell) !important;
  margin-inline: auto !important;
}

html body .site-header {
  position: relative !important;
  inset: auto !important;
  width: var(--vini-shell) !important;
  max-width: var(--vini-shell) !important;
  margin: 0 auto clamp(20px, 2.8vw, 42px) !important;
  background: rgba(255, 253, 248, 0.96) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--vini-line) !important;
  border-radius: 0 0 22px 22px !important;
  box-shadow: 0 18px 48px rgba(18, 18, 17, 0.055) !important;
  backdrop-filter: none !important;
  overflow: visible !important;
  z-index: 120 !important;
}

html body .site-utility {
  min-height: 28px !important;
  padding: 0 clamp(14px, 1.8vw, 28px) !important;
  border-color: var(--vini-line) !important;
  color: var(--vini-muted) !important;
  font: 500 0.76rem/1.2 var(--font-ui) !important;
}

html body .utility-links {
  gap: clamp(12px, 1.4vw, 24px) !important;
}

html body .utility-links a,
html body .utility-status {
  color: var(--vini-muted) !important;
  text-decoration: none !important;
}

html body .site-mastheadbar {
  display: grid !important;
  grid-template-columns: minmax(250px, 0.72fr) minmax(320px, 1fr) minmax(205px, auto) !important;
  grid-template-areas:
    "brand search tools"
    "motto search tools" !important;
  align-items: center !important;
  gap: 6px clamp(20px, 3vw, 54px) !important;
  min-height: 0 !important;
  padding: clamp(14px, 1.9vw, 28px) clamp(16px, 2.8vw, 42px) clamp(12px, 1.5vw, 22px) !important;
}

html body .masthead-link {
  grid-area: brand !important;
  justify-self: start !important;
  white-space: nowrap !important;
  color: var(--vini-ink) !important;
  font-family: var(--font-display) !important;
  font-size: clamp(2.65rem, 4.25vw, 5.7rem) !important;
  font-weight: 560 !important;
  line-height: 0.9 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

html body .masthead-motto {
  grid-area: motto !important;
  justify-self: start !important;
  margin: 0 !important;
  max-width: 42ch !important;
  color: var(--vini-red) !important;
  font: 900 clamp(0.58rem, 0.64vw, 0.75rem)/1.15 var(--font-ui) !important;
  letter-spacing: 0.16em !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

html body .site-search-mini {
  grid-area: search !important;
  justify-self: stretch !important;
  align-self: center !important;
  width: 100% !important;
  max-width: 680px !important;
  min-width: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 34px rgba(18, 18, 17, 0.055) !important;
}

html body .site-search-mini input {
  height: 46px !important;
  min-width: 0 !important;
  border: 1px solid var(--vini-line) !important;
  background: #fff !important;
  color: var(--vini-ink) !important;
  font: 500 1rem/1.2 var(--font-ui) !important;
}

html body .site-search-mini button {
  width: 58px !important;
  height: 46px !important;
  border: 0 !important;
  background: var(--vini-ink) !important;
  color: #fffdf8 !important;
}

html body .site-mastheadbar > .masthead-actions--reader.reader-toolbelt,
html body .site-mastheadbar > .reader-toolbelt {
  grid-area: tools !important;
  justify-self: end !important;
  align-self: center !important;
  display: grid !important;
  grid-template-columns: repeat(4, 46px) !important;
  gap: 8px !important;
  width: max-content !important;
}

html body .site-mastheadbar > .reader-toolbelt .reader-tool,
html body .site-mastheadbar > .reader-toolbelt .account-launcher__trigger {
  width: 46px !important;
  min-width: 46px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border: 1px solid var(--vini-line) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  color: var(--vini-ink) !important;
  box-shadow: none !important;
}

html body .site-mastheadbar > .reader-toolbelt .reader-tool:hover,
html body .site-mastheadbar > .reader-toolbelt .reader-tool:focus-visible {
  background: var(--vini-ink) !important;
  color: #fffdf8 !important;
}

html body .reader-tool__icon {
  color: inherit !important;
  font: 900 0.62rem/1 var(--font-ui) !important;
  letter-spacing: 0.06em !important;
}

html body .reader-tool__label {
  display: none !important;
}

html body .site-navrow {
  margin: 0 clamp(10px, 1.2vw, 20px) 14px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
}

html body .site-header .site-navrow .site-nav {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(106px, 1fr)) !important;
  gap: 6px !important;
  width: 100% !important;
  padding: 6px !important;
  border: 1px solid var(--vini-line) !important;
  border-radius: 999px !important;
  background: rgba(248, 245, 238, 0.88) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .site-header .site-navrow .site-nav > .nav-mega {
  min-width: 0 !important;
  width: auto !important;
  position: static !important;
  flex: initial !important;
}

html body .site-header .site-navrow .site-nav > .nav-mega summary {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--vini-ink) !important;
  font: 900 clamp(0.62rem, 0.62vw, 0.74rem)/1 var(--font-ui) !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  justify-content: center !important;
}

html body .site-header .site-navrow .site-nav > .nav-mega summary span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .site-header .site-navrow .site-nav > .nav-mega[open] summary,
html body .site-header .site-navrow .site-nav > .nav-mega summary:hover,
html body .site-header .site-navrow .site-nav > .nav-mega summary:focus-visible {
  background: var(--vini-ink) !important;
  color: #fffdf8 !important;
}

html body .site-header .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel,
html body .site-header .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel--newsroom {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: calc(100% + 10px) !important;
  width: min(1120px, calc(100vw - 48px)) !important;
  max-width: min(1120px, calc(100vw - 48px)) !important;
  max-height: min(58vh, 540px) !important;
  overflow: auto !important;
  display: grid !important;
  grid-template-columns: minmax(220px, 0.74fr) repeat(3, minmax(185px, 1fr)) !important;
  gap: 0 !important;
  padding: 0 !important;
  transform: translateX(-50%) !important;
  background: rgba(255, 253, 248, 0.99) !important;
  border: 1px solid var(--vini-line-strong) !important;
  border-radius: 22px !important;
  box-shadow: 0 30px 90px rgba(18, 18, 17, 0.16) !important;
  z-index: 3200 !important;
}

html body .mega-menu__feature {
  background: linear-gradient(150deg, #161514 0%, #241f1b 100%) !important;
  color: #fffdf8 !important;
  border-radius: 21px 0 0 21px !important;
}

html body .mega-menu__feature h2 {
  max-width: 14ch !important;
  color: #fffdf8 !important;
  font-size: clamp(1.7rem, 2.2vw, 2.8rem) !important;
  line-height: 1.02 !important;
}

html body .mega-menu__feature p,
html body .mega-menu__feature span {
  color: rgba(255, 253, 248, 0.72) !important;
}

html body .mega-menu__feature,
html body .mega-menu__lane {
  padding: clamp(18px, 1.55vw, 28px) !important;
  border-color: var(--vini-line) !important;
}

html body .mega-menu__lane h2 {
  color: var(--vini-red) !important;
  font: 900 0.68rem/1 var(--font-ui) !important;
  letter-spacing: 0.13em !important;
}

html body .mega-menu__quick-actions,
html body .mega-menu__lane {
  gap: 10px !important;
}

html body .mega-menu__quick-actions a,
html body .mega-menu__lane a {
  padding: 12px 13px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  border: 1px solid var(--vini-line) !important;
  box-shadow: none !important;
}

html body .mega-menu__quick-actions a {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

html body .breaking-strip {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  min-height: 54px !important;
  margin-bottom: clamp(22px, 3vw, 42px) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: linear-gradient(90deg, #8f0a16 0%, #b10f22 62%, #850714 100%) !important;
  box-shadow: 0 18px 50px rgba(163, 13, 29, 0.17) !important;
}

html body .breaking-strip * {
  min-width: 0 !important;
}

html body .breaking-strip strong,
html body .breaking-strip span,
html body .breaking-strip time,
html body .breaking-strip a {
  color: #fffdf8 !important;
  white-space: normal !important;
}

html body .front-page-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: clamp(16px, 1.55vw, 28px) !important;
  align-items: start !important;
}

html body .front-page-grid > .lead-package {
  grid-column: 1 / span 8 !important;
  grid-row: 1 !important;
}

html body .front-page-grid > .editor-picks {
  grid-column: 9 / span 4 !important;
  grid-row: 1 / span 2 !important;
}

html body .front-page-grid > .latest-column {
  grid-column: 1 / span 4 !important;
  grid-row: 2 !important;
}

html body .front-page-grid > .wire-column {
  grid-column: 5 / span 4 !important;
  grid-row: 2 !important;
}

html body .lead-package,
html body .latest-column,
html body .editor-picks,
html body .wire-column,
html body .visual-news-deck,
html body .daily-engagement-desk,
html body .reader-engagement-console,
html body .reader-pathway-grid,
html body .story-river,
html body .investigation-dossier,
html body .events-rail-module,
html body .app-rail-module,
html body .section-card,
html body .article-shell--story,
html body .story-rail-card,
html body .story-rail .cms-panel {
  border: 1px solid var(--vini-line) !important;
  border-radius: var(--vini-radius) !important;
  background: var(--vini-card) !important;
  box-shadow: none !important;
}

html body .lead-package,
html body .visual-news-deck,
html body .reader-engagement-console,
html body .events-hero {
  box-shadow: 0 18px 54px rgba(18, 18, 17, 0.07) !important;
}

html body .lead-package,
html body .front-page-grid > .lead-package {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.82fr) !important;
  gap: clamp(18px, 2vw, 34px) !important;
  min-height: 0 !important;
  padding: clamp(18px, 2.1vw, 34px) !important;
  overflow: hidden !important;
}

html body .lead-package .story-visual--lead,
html body .front-page-grid > .lead-package .story-visual--lead {
  grid-column: 1 !important;
  grid-row: 1 / span 7 !important;
  height: clamp(360px, 34vw, 620px) !important;
  min-height: 340px !important;
  border-radius: 16px !important;
}

html body .lead-package .article-kicker,
html body .lead-package h1,
html body .lead-package h1 a,
html body .lead-package .story-link,
html body .lead-package > p,
html body .lead-package > .lead-actions {
  grid-column: 2 !important;
}

html body .lead-package h1,
html body .lead-package h1 a,
html body .lead-package .story-link {
  max-width: 16ch !important;
  font-size: clamp(2.35rem, 3.6vw, 5.15rem) !important;
  line-height: 0.96 !important;
  letter-spacing: 0 !important;
}

html body .lead-package > p,
html body .editor-pick__summary,
html body .visual-news-card p,
html body .story-river-card p,
html body .reader-engagement-console p,
html body .reader-pathway p {
  color: var(--vini-muted) !important;
  font: 500 clamp(0.98rem, 0.96vw, 1.08rem)/1.58 var(--font-ui) !important;
}

html body .latest-column,
html body .editor-picks,
html body .wire-column {
  padding: clamp(18px, 1.55vw, 26px) !important;
}

html body .latest-column h2,
html body .editor-picks h2,
html body .wire-column h2,
html body .rail-heading {
  font: 900 0.88rem/1 var(--font-ui) !important;
  letter-spacing: 0.05em !important;
  text-transform: none !important;
}

html body .latest-item,
html body .editor-pick,
html body .wire-item {
  border-color: var(--vini-line) !important;
}

html body .article-kicker,
html body .story-card__eyebrow,
html body .section-heading__eyebrow,
html body .latest-item span,
html body .latest-item em,
html body .story-meta {
  color: var(--vini-red) !important;
  font-family: var(--font-ui) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body .story-meta,
html body .story-visual__rights,
html body .reader-action-note {
  opacity: 0.68 !important;
}

html body .visual-news-deck,
html body .daily-engagement-desk,
html body .reader-engagement-console,
html body .reader-pathway-grid,
html body .story-river,
html body .investigation-dossier {
  margin-top: clamp(28px, 3.4vw, 58px) !important;
  padding: clamp(22px, 2.7vw, 46px) !important;
}

html body .visual-news-deck__grid,
html body .story-river__grid {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  gap: clamp(16px, 1.4vw, 24px) !important;
}

html body .story-river-card,
html body .visual-news-card,
html body .daily-engagement-card,
html body .daily-engagement-rail {
  min-height: 0 !important;
  border: 1px solid var(--vini-line) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  padding: 16px !important;
  box-shadow: none !important;
}

html body .story-river-card h3,
html body .visual-news-card h3,
html body .daily-engagement-card h3 {
  font-size: clamp(1.18rem, 1.28vw, 1.55rem) !important;
  line-height: 1.08 !important;
}

html body .reader-engagement-console {
  grid-template-columns: minmax(260px, 0.92fr) repeat(3, minmax(210px, 1fr)) !important;
  background:
    linear-gradient(135deg, rgba(255, 253, 248, 0.98), rgba(246, 241, 230, 0.98)) !important;
}

html body .reader-engagement-console__quick a,
html body .story-command-actions a,
html body .story-action-list a,
html body .story-share-grid a,
html body .button-link {
  border-radius: 999px !important;
}

html body .reader-action-ledger,
html body .investigation-dossier__stats,
html body .reader-pathway-grid .stats-strip {
  display: none !important;
}

html body .story-page-layout {
  width: var(--vini-shell) !important;
  max-width: var(--vini-shell) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
  gap: clamp(22px, 2.7vw, 46px) !important;
}

html body .story-page-layout .article-shell.article-shell--story {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr) !important;
  gap: clamp(18px, 2.3vw, 42px) !important;
  padding: clamp(26px, 3.2vw, 58px) !important;
}

html body .story-page-layout .article-shell.article-shell--story > .story-breadcrumbs,
html body .story-page-layout .article-shell.article-shell--story > .hero-copy__kicker,
html body .story-page-layout .article-shell.article-shell--story > h1,
html body .story-page-layout .article-shell.article-shell--story > p,
html body .story-page-layout .article-shell.article-shell--story > .story-meta {
  grid-column: 1 !important;
}

html body .story-page-layout .article-shell.article-shell--story > h1 {
  max-width: 20ch !important;
  font-size: clamp(2.55rem, 4.25vw, 5.6rem) !important;
  line-height: 0.96 !important;
}

html body .story-page-layout .article-shell.article-shell--story > h1 + p {
  max-width: 72ch !important;
  font-size: clamp(1.08rem, 1.1vw, 1.28rem) !important;
  line-height: 1.62 !important;
}

html body .story-page-layout .article-shell.article-shell--story > .story-visual--article {
  grid-column: 2 !important;
  grid-row: 1 / span 7 !important;
  align-self: start !important;
  position: relative !important;
  top: auto !important;
  aspect-ratio: 4 / 3 !important;
  border-radius: 16px !important;
}

html body .story-page-layout .article-shell.article-shell--story > .story-reader-panel,
html body .story-page-layout .article-shell.article-shell--story > .story-command-center,
html body .story-page-layout .article-shell.article-shell--story > .story-context-grid,
html body .story-page-layout .article-shell.article-shell--story > .article-shell__body,
html body .story-page-layout .article-shell.article-shell--story > .story-gallery,
html body .story-page-layout .article-shell.article-shell--story > .story-engagement-block,
html body .story-page-layout .article-shell.article-shell--story > .comments-panel {
  grid-column: 1 / -1 !important;
}

html body .article-shell__body.story-body {
  max-width: 830px !important;
  margin-inline: auto !important;
}

html body .article-shell__body.story-body p,
html body .article-shell__body.story-body li {
  font-size: clamp(1.06rem, 1.06vw, 1.2rem) !important;
  line-height: 1.74 !important;
}

html body .privacy-consent {
  position: fixed !important;
  left: auto !important;
  right: clamp(12px, 1.6vw, 24px) !important;
  bottom: clamp(12px, 1.5vw, 22px) !important;
  width: min(390px, calc(100vw - 24px)) !important;
  max-width: min(390px, calc(100vw - 24px)) !important;
  transform: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 7px !important;
  padding: 10px !important;
  border: 1px solid var(--vini-line-strong) !important;
  border-radius: 16px !important;
  background: rgba(255, 253, 248, 0.96) !important;
  box-shadow: 0 16px 42px rgba(18, 18, 17, 0.14) !important;
  z-index: 5000 !important;
  contain: layout paint !important;
}

html body .privacy-consent__copy h2 {
  margin: 0 !important;
  font-size: 0.92rem !important;
  line-height: 1.12 !important;
}

html body .privacy-consent__copy p {
  display: none !important;
}

html body .privacy-consent__actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

html body .privacy-consent .button-link {
  min-width: 0 !important;
  min-height: 34px !important;
  padding: 8px 6px !important;
  font-size: 0.6rem !important;
  white-space: nowrap !important;
}

html.vini-dark-theme body {
  background: #11100d !important;
  color: #f8f1e7 !important;
}

html.vini-dark-theme body .site-header,
html.vini-dark-theme body .site-nav,
html.vini-dark-theme body .mega-menu__panel,
html.vini-dark-theme body .lead-package,
html.vini-dark-theme body .latest-column,
html.vini-dark-theme body .editor-picks,
html.vini-dark-theme body .wire-column,
html.vini-dark-theme body .visual-news-deck,
html.vini-dark-theme body .daily-engagement-desk,
html.vini-dark-theme body .reader-engagement-console,
html.vini-dark-theme body .reader-pathway-grid,
html.vini-dark-theme body .story-river,
html.vini-dark-theme body .investigation-dossier,
html.vini-dark-theme body .article-shell--story,
html.vini-dark-theme body .story-rail-card,
html.vini-dark-theme body .story-rail .cms-panel,
html.vini-dark-theme body .privacy-consent {
  background: rgba(27, 24, 20, 0.96) !important;
  color: #f8f1e7 !important;
  border-color: rgba(248, 241, 231, 0.14) !important;
}

html.vini-dark-theme body .reader-tool,
html.vini-dark-theme body .site-search-mini input,
html.vini-dark-theme body .mega-menu__lane a,
html.vini-dark-theme body .story-river-card,
html.vini-dark-theme body .visual-news-card,
html.vini-dark-theme body .daily-engagement-card,
html.vini-dark-theme body .daily-engagement-rail {
  background: rgba(38, 34, 28, 0.94) !important;
  color: #f8f1e7 !important;
  border-color: rgba(248, 241, 231, 0.14) !important;
}

html.vini-dark-theme body .masthead-link,
html.vini-dark-theme body h1,
html.vini-dark-theme body h2,
html.vini-dark-theme body h3,
html.vini-dark-theme body strong,
html.vini-dark-theme body a {
  color: #fff8ec !important;
}

html.vini-dark-theme body p,
html.vini-dark-theme body li,
html.vini-dark-theme body span {
  color: rgba(248, 241, 231, 0.76) !important;
}

@media (max-width: 1180px) {
  :root {
    --vini-shell: min(100vw - 24px, 1020px);
  }

  html body .site-mastheadbar {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "brand"
      "motto"
      "search"
      "tools" !important;
    text-align: center !important;
  }

  html body .masthead-link,
  html body .masthead-motto,
  html body .site-search-mini,
  html body .site-mastheadbar > .reader-toolbelt {
    justify-self: center !important;
  }

  html body .masthead-motto {
    text-align: center !important;
  }

  html body .front-page-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  html body .front-page-grid > .lead-package,
  html body .front-page-grid > .editor-picks,
  html body .front-page-grid > .latest-column,
  html body .front-page-grid > .wire-column {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }

  html body .story-page-layout,
  html body .reader-engagement-console {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 760px) {
  :root {
    --vini-shell: calc(100vw - 18px);
  }

  html body .site-header {
    width: var(--vini-shell) !important;
    border-radius: 0 0 16px 16px !important;
  }

  html body .site-utility {
    min-height: 24px !important;
    padding-inline: 8px !important;
    justify-content: center !important;
  }

  html body .utility-links {
    display: none !important;
  }

  html body .site-mastheadbar {
    gap: 7px !important;
    padding: 10px 10px 12px !important;
  }

  html body .masthead-link {
    font-size: clamp(2.45rem, 13vw, 3.55rem) !important;
  }

  html body .masthead-motto {
    max-width: 24rem !important;
    font-size: 0.58rem !important;
    letter-spacing: 0.11em !important;
  }

  html body .site-search-mini input,
  html body .site-search-mini button {
    height: 42px !important;
  }

  html body .site-mastheadbar > .reader-toolbelt {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  html body .site-mastheadbar > .reader-toolbelt .reader-tool,
  html body .site-mastheadbar > .reader-toolbelt .account-launcher__trigger {
    width: auto !important;
    min-width: 0 !important;
    height: 38px !important;
  }

  html body .site-header .site-navrow .site-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-height: 184px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border-radius: 16px !important;
  }

  html body .site-header .site-navrow .site-nav > .nav-mega summary {
    min-height: 40px !important;
    justify-content: space-between !important;
    padding-inline: 12px !important;
    font-size: 0.66rem !important;
  }

  html body .site-header .site-navrow .site-nav > .nav-mega[open] {
    grid-column: 1 / -1 !important;
  }

  html body .site-header .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel,
  html body .site-header .site-navrow .site-nav > .nav-mega[open] > .mega-menu__panel--newsroom {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 56vh !important;
    transform: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
    border-radius: 14px !important;
  }

  html body .mega-menu__feature {
    border-radius: 13px 13px 0 0 !important;
  }

  html body .breaking-strip {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    border-radius: 16px !important;
  }

  html body .breaking-strip > * {
    padding: 10px 14px !important;
  }

  html body .lead-package,
  html body .front-page-grid > .lead-package,
  html body .story-page-layout .article-shell.article-shell--story {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .lead-package .story-visual--lead,
  html body .front-page-grid > .lead-package .story-visual--lead,
  html body .lead-package .article-kicker,
  html body .lead-package h1,
  html body .lead-package h1 a,
  html body .lead-package .story-link,
  html body .lead-package > p,
  html body .lead-package > .lead-actions,
  html body .story-page-layout .article-shell.article-shell--story > .story-visual--article,
  html body .story-page-layout .article-shell.article-shell--story > .story-breadcrumbs,
  html body .story-page-layout .article-shell.article-shell--story > .hero-copy__kicker,
  html body .story-page-layout .article-shell.article-shell--story > h1,
  html body .story-page-layout .article-shell.article-shell--story > p,
  html body .story-page-layout .article-shell.article-shell--story > .story-meta {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  html body .lead-package .story-visual--lead,
  html body .front-page-grid > .lead-package .story-visual--lead {
    height: 250px !important;
    min-height: 250px !important;
  }

  html body .lead-package h1,
  html body .lead-package h1 a,
  html body .lead-package .story-link {
    max-width: 100% !important;
    font-size: clamp(2rem, 9.4vw, 3.05rem) !important;
  }

  html body .story-page-layout .article-shell.article-shell--story > h1 {
    max-width: 100% !important;
    font-size: clamp(2.15rem, 9.5vw, 3.35rem) !important;
  }

  html body .visual-news-deck,
  html body .daily-engagement-desk,
  html body .reader-engagement-console,
  html body .reader-pathway-grid,
  html body .story-river,
  html body .investigation-dossier,
  html body .article-shell--story {
    padding: 18px !important;
  }

  html body .privacy-consent {
    left: 8px !important;
    right: auto !important;
    bottom: 8px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }
}

/* 2026-06-28v.1: EOF correction so final cascade wins. */
@media (min-width: 1181px) {
  html body .site-header .site-navrow .site-nav {
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important;
    gap: 5px !important;
  }

  html body .site-header .site-navrow .site-nav > .nav-mega summary {
    min-height: 36px !important;
    padding-inline: 10px !important;
    font-size: clamp(0.6rem, 0.62vw, 0.72rem) !important;
    gap: 5px !important;
    overflow: hidden !important;
  }

  html body .site-header .site-navrow .site-nav > .nav-mega summary::after {
    flex: 0 0 auto !important;
    margin-left: 2px !important;
  }

  html body .site-header .site-navrow .site-nav > .nav-mega summary span {
    display: block !important;
    min-width: 0 !important;
    max-width: calc(100% - 14px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .front-page-grid > .lead-package {
    grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr) !important;
    gap: clamp(18px, 2vw, 34px) !important;
  }

  html body .front-page-grid > .lead-package .article-kicker,
  html body .front-page-grid > .lead-package h1,
  html body .front-page-grid > .lead-package h1 a,
  html body .front-page-grid > .lead-package .story-link,
  html body .front-page-grid > .lead-package > p,
  html body .front-page-grid > .lead-package > .lead-actions {
    grid-column: 2 !important;
  }

  html body .front-page-grid > .lead-package h1,
  html body .front-page-grid > .lead-package h1 a,
  html body .front-page-grid > .lead-package .story-link {
    max-width: 18ch !important;
    font-size: clamp(2rem, 2.52vw, 3.2rem) !important;
    line-height: 1 !important;
  }

  html body .front-page-grid > .lead-package > p {
    max-width: 48ch !important;
    font-size: clamp(0.98rem, 0.94vw, 1.06rem) !important;
    line-height: 1.54 !important;
  }

  html body .front-page-grid > .lead-package .story-visual--lead {
    grid-column: 1 !important;
    grid-row: 1 / span 6 !important;
    height: clamp(320px, 28vw, 480px) !important;
    min-height: 320px !important;
  }
}

/* 2026-06-28x: final reader-facing publication contract.
   This block intentionally wins the cascade and removes the archive/proof-heavy feel. */
:root {
  --vini-page: #fbfaf7;
  --vini-surface: #fffdfa;
  --vini-surface-2: #f3f0e9;
  --vini-ink: #151515;
  --vini-muted: #5f5c56;
  --vini-line: rgba(21, 21, 21, 0.12);
  --vini-line-strong: rgba(21, 21, 21, 0.22);
  --vini-red: #a30d1b;
  --vini-red-deep: #770813;
  --vini-blue: #24566f;
  --vini-green: #356f5c;
  --vini-shell: min(1760px, calc(100vw - clamp(28px, 4vw, 72px)));
  --vini-radius: 18px;
  --vini-shadow: 0 20px 60px rgba(20, 20, 20, 0.08);
}

html {
  scrollbar-gutter: stable;
  scroll-behavior: auto !important;
}

html,
body {
  max-width: 100%;
  overflow-x: clip !important;
}

html body {
  background: linear-gradient(180deg, #fffdf8 0, #f7f4ed 50%, #fbfaf7 100%) !important;
  color: var(--vini-ink) !important;
}

html body *,
html body *::before,
html body *::after {
  animation-duration: 0s !important;
  transition-duration: 0.01ms !important;
  scroll-behavior: auto !important;
}

html body .paper-grain,
html body::before,
html body::after,
html body #app::before,
html body #app::after {
  display: none !important;
  background: none !important;
}

html body #app.app-shell {
  padding-top: 0 !important;
  background: transparent !important;
}

html body .page-frame,
html body .page-frame--newsroom,
html body .story-page-frame,
html body .front-page-grid,
html body .visual-news-deck,
html body .story-river,
html body .daily-engagement-desk,
html body .reader-engagement-console,
html body .reader-pathway-grid,
html body .investigation-dossier,
html body .site-footer {
  width: var(--vini-shell) !important;
  max-width: var(--vini-shell) !important;
  margin-inline: auto !important;
}

html body .page-frame--newsroom {
  display: block !important;
  padding: 0 !important;
}

/* Header and integrated mega navigation */
html body .site-header {
  position: relative !important;
  top: auto !important;
  z-index: 80 !important;
  width: var(--vini-shell) !important;
  max-width: var(--vini-shell) !important;
  margin: 0 auto clamp(14px, 2vw, 28px) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--vini-line) !important;
  border-radius: 0 !important;
  background: rgba(251, 250, 247, 0.98) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
}

html body .site-utility {
  min-height: 26px !important;
  padding: 5px clamp(10px, 1.8vw, 24px) !important;
  border-bottom: 1px solid var(--vini-line) !important;
  color: var(--vini-muted) !important;
  font-size: 0.76rem !important;
}

html body .utility-links {
  gap: clamp(10px, 1.35vw, 22px) !important;
}

html body .site-mastheadbar {
  min-height: 0 !important;
  padding: clamp(14px, 2.1vw, 26px) clamp(12px, 2vw, 28px) !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 0.78fr) minmax(360px, auto) minmax(230px, 0.7fr) !important;
  grid-template-areas:
    "search brand tools"
    "search motto tools" !important;
  gap: 6px clamp(16px, 2.4vw, 34px) !important;
  align-items: center !important;
  border: 0 !important;
}

html body .site-search-mini {
  grid-area: search !important;
  justify-self: start !important;
  width: min(100%, 430px) !important;
  min-width: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

html body .site-search-mini label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}

html body .site-search-mini input,
html body .site-search-mini button {
  height: 44px !important;
}

html body .site-search-mini input {
  border-color: var(--vini-line) !important;
  border-radius: 999px 0 0 999px !important;
  background: var(--vini-surface) !important;
  color: var(--vini-ink) !important;
  font-size: 0.98rem !important;
}

html body .site-search-mini button {
  width: 56px !important;
  border-radius: 0 999px 999px 0 !important;
  background: var(--vini-ink) !important;
  color: #fffdfa !important;
}

html body .masthead-link {
  grid-area: brand !important;
  justify-self: center !important;
  color: var(--vini-ink) !important;
  font-family: var(--font-display) !important;
  font-size: clamp(3.15rem, 5.1vw, 6.35rem) !important;
  font-weight: 650 !important;
  line-height: 0.9 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

html body .masthead-motto {
  grid-area: motto !important;
  justify-self: center !important;
  margin: 0 !important;
  color: var(--vini-red) !important;
  font: 900 clamp(0.64rem, 0.72vw, 0.82rem)/1.15 var(--font-ui) !important;
  letter-spacing: 0.16em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html body .reader-toolbelt {
  grid-area: tools !important;
  justify-self: end !important;
  align-self: center !important;
  display: grid !important;
  grid-template-columns: repeat(4, 48px) !important;
  gap: 8px !important;
  width: auto !important;
}

html body .reader-tool,
html body .reader-toolbelt .account-launcher__trigger {
  width: 48px !important;
  min-width: 0 !important;
  height: 48px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: var(--vini-surface) !important;
  border: 1px solid var(--vini-line) !important;
  color: var(--vini-ink) !important;
  box-shadow: none !important;
}

html body .reader-tool__icon {
  font: 900 0.6rem/1 var(--font-ui) !important;
  letter-spacing: 0.03em !important;
}

html body .reader-tool__label {
  display: none !important;
}

html body .site-navrow {
  position: relative !important;
  z-index: 120 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid var(--vini-line) !important;
  overflow: visible !important;
}

html body .site-nav {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  max-height: none !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  scrollbar-width: thin;
}

html body .site-nav > .nav-mega {
  position: static !important;
  flex: 1 0 max(88px, calc(100% / 13)) !important;
  min-width: max-content !important;
}

html body .site-nav > .nav-mega summary {
  min-height: 42px !important;
  padding: 0 clamp(10px, 1vw, 16px) !important;
  display: flex !important;
  justify-content: center !important;
  gap: 5px !important;
  border: 0 !important;
  border-right: 1px solid var(--vini-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--vini-ink) !important;
  font: 900 clamp(0.58rem, 0.68vw, 0.75rem)/1 var(--font-ui) !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

html body .site-nav > .nav-mega[open] summary,
html body .site-nav > .nav-mega summary:hover,
html body .site-nav > .nav-mega summary:focus-visible {
  background: var(--vini-ink) !important;
  color: #fffdfa !important;
}

html body .mega-menu__panel,
html body .site-nav > .nav-mega[open] > .mega-menu__panel,
html body .site-nav > .nav-mega[open] > .mega-menu__panel--newsroom {
  position: absolute !important;
  top: calc(100% + 1px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: min(62vh, calc(100vh - 260px), 680px) !important;
  overflow: auto !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 0.7fr) repeat(3, minmax(210px, 1fr)) !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--vini-line-strong) !important;
  border-top: 3px solid var(--vini-ink) !important;
  border-radius: 0 0 18px 18px !important;
  background: rgba(255, 253, 250, 0.995) !important;
  box-shadow: var(--vini-shadow) !important;
  transform: none !important;
  z-index: 4000 !important;
}

html body .mega-menu__feature,
html body .mega-menu__lane {
  padding: clamp(18px, 1.6vw, 28px) !important;
  border-right: 1px solid var(--vini-line) !important;
}

html body .mega-menu__feature {
  border-radius: 0 !important;
  background: #191817 !important;
  color: #fffdfa !important;
}

html body .mega-menu__feature h2 {
  max-width: 12ch !important;
  margin: 0 0 12px !important;
  color: #fffdfa !important;
  font-size: clamp(1.8rem, 2.6vw, 3.7rem) !important;
  line-height: 0.95 !important;
}

html body .mega-menu__feature p,
html body .mega-menu__feature span {
  color: rgba(255, 253, 250, 0.78) !important;
}

html body .mega-menu__lane h2 {
  margin-bottom: 12px !important;
  color: var(--vini-red) !important;
  font: 900 0.72rem/1.1 var(--font-ui) !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

html body .mega-menu__quick-actions,
html body .mega-menu__lane {
  display: grid !important;
  gap: 10px !important;
}

html body .mega-menu__quick-actions a,
html body .mega-menu__lane a {
  min-height: 0 !important;
  padding: 12px !important;
  border-radius: 12px !important;
  border: 1px solid var(--vini-line) !important;
  background: rgba(255, 255, 255, 0.7) !important;
  box-shadow: none !important;
}

html body .mega-menu__quick-actions a {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

/* First viewport and story hierarchy */
html body .breaking-strip {
  width: var(--vini-shell) !important;
  min-height: 46px !important;
  margin: 0 auto 18px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto auto !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: linear-gradient(90deg, var(--vini-red), var(--vini-red-deep)) !important;
  box-shadow: 0 14px 38px rgba(163, 13, 27, 0.14) !important;
}

html body .breaking-strip > * {
  padding: 10px clamp(12px, 1.5vw, 24px) !important;
}

html body .breaking-strip strong,
html body .breaking-strip span,
html body .breaking-strip time,
html body .breaking-strip a {
  color: #fffdfa !important;
}

html body .front-page-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(300px, 0.82fr) !important;
  gap: clamp(16px, 1.6vw, 28px) !important;
  align-items: start !important;
  margin-top: 0 !important;
}

html body .front-page-grid > .lead-package {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body .front-page-grid > .editor-picks {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

html body .front-page-grid > .latest-column {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

html body .front-page-grid > .front-wire-column,
html body .front-page-grid > .wire-column {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

html body .latest-column,
html body .editor-picks,
html body .front-wire-column,
html body .wire-column,
html body .lead-package,
html body .visual-news-deck,
html body .story-river,
html body .daily-engagement-desk,
html body .reader-engagement-console,
html body .reader-pathway-grid,
html body .investigation-dossier,
html body .article-shell--story,
html body .story-rail-card,
html body .section-card {
  border: 1px solid var(--vini-line) !important;
  border-radius: var(--vini-radius) !important;
  background: rgba(255, 253, 250, 0.94) !important;
  box-shadow: none !important;
}

html body .lead-package,
html body .front-page-grid > .lead-package {
  display: grid !important;
  grid-template-columns: minmax(340px, 0.95fr) minmax(0, 1fr) !important;
  gap: clamp(16px, 2vw, 30px) !important;
  padding: clamp(18px, 2vw, 30px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body .lead-package .story-visual--lead,
html body .front-page-grid > .lead-package .story-visual--lead {
  grid-column: 1 !important;
  grid-row: 1 / span 6 !important;
  width: 100% !important;
  height: clamp(300px, 25vw, 440px) !important;
  min-height: 300px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

html body .lead-package .story-visual--lead img,
html body .front-page-grid > .lead-package .story-visual--lead img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

html body .lead-package .article-kicker,
html body .lead-package h1,
html body .lead-package h1 a,
html body .lead-package .story-link,
html body .lead-package > p,
html body .lead-package > .story-meta,
html body .lead-package > .lead-actions,
html body .front-page-grid > .lead-package .article-kicker,
html body .front-page-grid > .lead-package h1,
html body .front-page-grid > .lead-package h1 a,
html body .front-page-grid > .lead-package .story-link,
html body .front-page-grid > .lead-package > p,
html body .front-page-grid > .lead-package > .story-meta,
html body .front-page-grid > .lead-package > .lead-actions {
  grid-column: 2 !important;
}

html body .lead-package h1,
html body .lead-package h1 a,
html body .lead-package .story-link,
html body .front-page-grid > .lead-package h1,
html body .front-page-grid > .lead-package h1 a,
html body .front-page-grid > .lead-package .story-link {
  max-width: 20ch !important;
  color: var(--vini-ink) !important;
  font-size: clamp(2.15rem, 2.7vw, 3.85rem) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  text-decoration-thickness: 0.045em !important;
}

html body .lead-package > p,
html body .front-page-grid > .lead-package > p {
  max-width: 58ch !important;
  color: var(--vini-muted) !important;
  font-size: clamp(1rem, 0.95vw, 1.14rem) !important;
  line-height: 1.55 !important;
}

html body .lead-package .lead-continuation-deck,
html body .lead-package .lead-file-dashboard,
html body .front-page-grid > .lead-package .lead-continuation-deck,
html body .front-page-grid > .lead-package .lead-file-dashboard {
  display: none !important;
}

html body .latest-column {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: 18px !important;
}

html body .latest-column h2,
html body .latest-column .front-more-link {
  grid-column: 1 / -1 !important;
}

html body .latest-item {
  min-height: 142px !important;
  padding: 14px !important;
  border: 1px solid var(--vini-line) !important;
  border-radius: 14px !important;
  background: var(--vini-surface) !important;
}

html body .editor-picks,
html body .front-wire-column,
html body .wire-column {
  padding: 18px !important;
}

html body .editor-pick {
  padding: 14px 0 !important;
}

html body .front-page-grid figcaption,
html body .visual-news-deck figcaption,
html body .story-river figcaption {
  display: none !important;
}

html body .story-visual--fallback,
html body .story-river-card--text .story-visual,
html body .editor-pick:not(.editor-pick--lead) .story-visual--fallback {
  display: none !important;
}

/* Lower homepage: media, story river, engagement, and support */
html body .visual-news-deck,
html body .story-river,
html body .daily-engagement-desk,
html body .reader-engagement-console,
html body .reader-pathway-grid,
html body .investigation-dossier {
  margin-top: clamp(22px, 3vw, 48px) !important;
  padding: clamp(22px, 2.5vw, 42px) !important;
}

html body .visual-news-deck__heading h2,
html body .story-river__heading h2,
html body .daily-engagement-heading h2,
html body .reader-engagement-console__header h2,
html body .reader-pathway h2,
html body .investigation-dossier__lead h2 {
  max-width: 15ch !important;
  font-size: clamp(2rem, 3.2vw, 4.7rem) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
}

html body .visual-news-deck__lead {
  display: grid !important;
  grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1fr) !important;
  gap: clamp(18px, 2vw, 30px) !important;
  align-items: center !important;
}

html body .visual-news-deck__lead .story-visual {
  min-height: 340px !important;
}

html body .visual-news-deck__grid,
html body .story-river__grid,
html body .daily-engagement-grid,
html body .daily-rail-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  gap: clamp(14px, 1.4vw, 22px) !important;
}

html body .story-river-card,
html body .visual-news-card,
html body .daily-engagement-card,
html body .daily-engagement-rail {
  min-height: 190px !important;
  padding: 16px !important;
  border: 1px solid var(--vini-line) !important;
  border-radius: 16px !important;
  background: var(--vini-surface) !important;
}

html body .story-river-card h3,
html body .visual-news-card h3,
html body .latest-item strong,
html body .editor-pick h3,
html body .wire-item strong {
  letter-spacing: 0 !important;
  text-decoration-thickness: 0.045em !important;
}

html body .daily-engagement-card:nth-child(1),
html body .daily-engagement-rail:nth-child(1) {
  border-top: 4px solid var(--vini-blue) !important;
}

html body .daily-engagement-card:nth-child(2),
html body .daily-engagement-rail:nth-child(2) {
  border-top: 4px solid var(--vini-green) !important;
}

html body .daily-engagement-card:nth-child(3),
html body .daily-engagement-rail:nth-child(3) {
  border-top: 4px solid var(--vini-red) !important;
}

html body .reader-engagement-console {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.8fr) repeat(3, minmax(220px, 1fr)) !important;
  gap: 14px !important;
}

html body .reader-engagement-console__header,
html body .reader-engagement-console__quick,
html body .reader-engagement-console__brief,
html body .reader-engagement-console__support,
html body .reader-engagement-console__tips {
  min-width: 0 !important;
  padding: 18px !important;
  border: 1px solid var(--vini-line) !important;
  border-radius: 16px !important;
  background: var(--vini-surface) !important;
}

html body .reader-engagement-console__quick {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body .reader-engagement-console__quick a,
html body .reader-action-links a,
html body .reader-route-strip a {
  border-radius: 999px !important;
}

html body .reader-pathway-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(280px, 0.7fr) !important;
  gap: clamp(14px, 1.6vw, 24px) !important;
}

html body .reader-pathway {
  min-width: 0 !important;
  padding: 20px !important;
  border: 1px solid var(--vini-line) !important;
  border-radius: 16px !important;
  background: var(--vini-surface) !important;
}

html body .reader-pathway-grid .stats-strip,
html body .reader-pathway-grid .contributors-grid,
html body .reader-pathway-grid .section-directory {
  display: none !important;
}

html body .investigation-dossier {
  display: grid !important;
  grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.2fr) minmax(260px, 0.65fr) !important;
  gap: clamp(18px, 2vw, 30px) !important;
}

html body .investigation-dossier__stats,
html body .complete-file-ledger,
html body .edition-map--curated,
html body .newsroom-board,
html body .newsroom-command-center,
html body .adaptive-coverage-system,
html body .archive-scale-note {
  display: none !important;
}

/* Story reading surface */
html body .story-page-layout {
  width: var(--vini-shell) !important;
  max-width: var(--vini-shell) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 380px) !important;
  gap: clamp(22px, 3vw, 46px) !important;
  align-items: start !important;
}

html body .article-shell--story {
  padding: clamp(26px, 3vw, 54px) !important;
}

html body .article-shell--story > h1 {
  max-width: 20ch !important;
  font-size: clamp(2.6rem, 4.2vw, 5.7rem) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
}

html body .article-shell--story > h1 + p {
  max-width: 820px !important;
  font-size: clamp(1.12rem, 1.18vw, 1.34rem) !important;
  line-height: 1.6 !important;
}

html body .story-visual--article,
html body .article-shell--story .story-visual--lead {
  border-radius: 18px !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 9 !important;
  max-height: 620px !important;
}

html body .story-rail {
  display: grid !important;
  gap: 14px !important;
}

html body .story-guide-card,
html body .story-source-glance {
  border-radius: 16px !important;
  opacity: 0.9 !important;
}

/* Footer, consent, and themes */
html body .site-footer {
  margin-top: clamp(42px, 6vw, 86px) !important;
  padding: clamp(28px, 4vw, 60px) !important;
  border: 0 !important;
  border-radius: 24px 24px 0 0 !important;
  background: #171615 !important;
  color: #fffdfa !important;
}

html body .site-footer a,
html body .site-footer p,
html body .site-footer span,
html body .site-footer strong,
html body .site-footer h2,
html body .site-footer h3 {
  color: #fffdfa !important;
}

html body .privacy-consent {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 12px !important;
  top: auto !important;
  transform: translateX(-50%) !important;
  width: min(720px, calc(100vw - 28px)) !important;
  max-width: min(720px, calc(100vw - 28px)) !important;
  min-height: 0 !important;
  padding: 10px !important;
  display: grid !important;
  grid-template-columns: minmax(180px, 1fr) auto !important;
  gap: 10px !important;
  border-radius: 16px !important;
  border: 1px solid var(--vini-line-strong) !important;
  background: rgba(255, 253, 250, 0.98) !important;
  box-shadow: 0 18px 56px rgba(20, 20, 20, 0.16) !important;
  z-index: 5000 !important;
}

html body .privacy-consent__copy h2 {
  margin: 0 0 2px !important;
  font-size: 0.78rem !important;
}

html body .privacy-consent__copy p {
  margin: 0 !important;
  font-size: 0.76rem !important;
  line-height: 1.35 !important;
}

html body .privacy-consent__actions {
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
}

html body .privacy-consent .button-link {
  min-height: 34px !important;
  padding: 0 12px !important;
  white-space: nowrap !important;
}

html.vini-dark-theme body {
  background: #11100f !important;
  color: #f9f4eb !important;
}

html.vini-dark-theme body .site-header,
html.vini-dark-theme body .site-nav,
html.vini-dark-theme body .mega-menu__panel,
html.vini-dark-theme body .lead-package,
html.vini-dark-theme body .latest-column,
html.vini-dark-theme body .editor-picks,
html.vini-dark-theme body .front-wire-column,
html.vini-dark-theme body .wire-column,
html.vini-dark-theme body .visual-news-deck,
html.vini-dark-theme body .story-river,
html.vini-dark-theme body .daily-engagement-desk,
html.vini-dark-theme body .reader-engagement-console,
html.vini-dark-theme body .reader-engagement-console__header,
html.vini-dark-theme body .reader-engagement-console__quick,
html.vini-dark-theme body .reader-engagement-console__brief,
html.vini-dark-theme body .reader-engagement-console__support,
html.vini-dark-theme body .reader-engagement-console__tips,
html.vini-dark-theme body .reader-pathway-grid,
html.vini-dark-theme body .reader-pathway,
html.vini-dark-theme body .investigation-dossier,
html.vini-dark-theme body .article-shell--story,
html.vini-dark-theme body .story-rail-card,
html.vini-dark-theme body .story-river-card,
html.vini-dark-theme body .visual-news-card,
html.vini-dark-theme body .daily-engagement-card,
html.vini-dark-theme body .daily-engagement-rail,
html.vini-dark-theme body .section-card,
html.vini-dark-theme body .privacy-consent {
  background: #191715 !important;
  color: #f9f4eb !important;
  border-color: rgba(255, 253, 250, 0.16) !important;
}

html.vini-dark-theme body .masthead-link,
html.vini-dark-theme body h1,
html.vini-dark-theme body h2,
html.vini-dark-theme body h3,
html.vini-dark-theme body h4,
html.vini-dark-theme body a,
html.vini-dark-theme body strong,
html.vini-dark-theme body .site-nav > .nav-mega summary {
  color: #fff9ee !important;
}

html.vini-dark-theme body p,
html.vini-dark-theme body span,
html.vini-dark-theme body li,
html.vini-dark-theme body em,
html.vini-dark-theme body .cms-panel__subtle {
  color: rgba(255, 249, 238, 0.76) !important;
}

html.vini-dark-theme body .site-search-mini input,
html.vini-dark-theme body .reader-tool,
html.vini-dark-theme body .mega-menu__lane a,
html.vini-dark-theme body .latest-item,
html.vini-dark-theme body .reader-action-ledger span {
  background: #211f1c !important;
  color: #fff9ee !important;
  border-color: rgba(255, 253, 250, 0.16) !important;
}

html.vini-dark-theme body .site-nav > .nav-mega[open] summary,
html.vini-dark-theme body .site-nav > .nav-mega summary:hover,
html.vini-dark-theme body .site-nav > .nav-mega summary:focus-visible,
html.vini-dark-theme body .site-search-mini button {
  background: #fff9ee !important;
  color: #171615 !important;
}

@media (max-width: 1180px) {
  :root {
    --vini-shell: min(100vw - 28px, 1040px);
  }

  html body .site-mastheadbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "brand tools"
      "motto tools"
      "search search" !important;
  }

  html body .site-search-mini {
    width: 100% !important;
  }

  html body .front-page-grid,
  html body .story-page-layout,
  html body .reader-engagement-console,
  html body .reader-pathway-grid,
  html body .investigation-dossier {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .front-page-grid > .lead-package,
  html body .front-page-grid > .editor-picks,
  html body .front-page-grid > .latest-column,
  html body .front-page-grid > .front-wire-column,
  html body .front-page-grid > .wire-column {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  html body .lead-package,
  html body .front-page-grid > .lead-package,
  html body .visual-news-deck__lead {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .lead-package .story-visual--lead,
  html body .front-page-grid > .lead-package .story-visual--lead,
  html body .lead-package .article-kicker,
  html body .lead-package h1,
  html body .lead-package h1 a,
  html body .lead-package .story-link,
  html body .lead-package > p,
  html body .lead-package > .story-meta,
  html body .lead-package > .lead-actions {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  html body .latest-column {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  :root {
    --vini-shell: calc(100vw - 18px);
  }

  html body .site-header {
    margin-bottom: 14px !important;
  }

  html body .site-utility {
    justify-content: center !important;
  }

  html body .utility-links {
    display: none !important;
  }

  html body .site-mastheadbar {
    padding: 12px 10px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "brand"
      "motto"
      "tools"
      "search" !important;
    text-align: center !important;
  }

  html body .masthead-link {
    font-size: clamp(2.7rem, 15vw, 4.4rem) !important;
    white-space: normal !important;
  }

  html body .masthead-motto {
    max-width: 24rem !important;
    font-size: 0.58rem !important;
    letter-spacing: 0.11em !important;
  }

  html body .reader-toolbelt {
    justify-self: center !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  html body .reader-tool,
  html body .reader-toolbelt .account-launcher__trigger {
    width: auto !important;
    height: 38px !important;
  }

  html body .site-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-height: 216px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid var(--vini-line) !important;
  }

  html body .site-nav > .nav-mega {
    min-width: 0 !important;
  }

  html body .site-nav > .nav-mega summary {
    min-height: 38px !important;
    justify-content: space-between !important;
    padding-inline: 12px !important;
    font-size: 0.65rem !important;
  }

  html body .site-nav > .nav-mega[open] {
    grid-column: 1 / -1 !important;
  }

  html body .mega-menu__panel,
  html body .site-nav > .nav-mega[open] > .mega-menu__panel,
  html body .site-nav > .nav-mega[open] > .mega-menu__panel--newsroom {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 58vh !important;
    grid-template-columns: minmax(0, 1fr) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body .breaking-strip {
    grid-template-columns: minmax(0, 1fr) !important;
    border-radius: 14px !important;
  }

  html body .breaking-strip > * {
    padding: 9px 12px !important;
  }

  html body .lead-package .story-visual--lead,
  html body .front-page-grid > .lead-package .story-visual--lead {
    height: 240px !important;
    min-height: 240px !important;
  }

  html body .lead-package h1,
  html body .lead-package h1 a,
  html body .lead-package .story-link,
  html body .front-page-grid > .lead-package h1,
  html body .front-page-grid > .lead-package h1 a,
  html body .front-page-grid > .lead-package .story-link {
    max-width: 100% !important;
    font-size: clamp(2rem, 9.4vw, 3.1rem) !important;
  }

  html body .latest-column,
  html body .visual-news-deck__grid,
  html body .story-river__grid,
  html body .daily-engagement-grid,
  html body .daily-rail-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .visual-news-deck,
  html body .story-river,
  html body .daily-engagement-desk,
  html body .reader-engagement-console,
  html body .reader-pathway-grid,
  html body .investigation-dossier,
  html body .article-shell--story {
    padding: 18px !important;
  }

  html body .privacy-consent {
    left: 9px !important;
    right: 9px !important;
    bottom: 9px !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .privacy-consent__actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body .privacy-consent .button-link {
    min-width: 0 !important;
    padding-inline: 8px !important;
    font-size: 0.62rem !important;
  }
}

/* 2026-06-28x.1: specificity correction for older grid nav rules. */
@media (min-width: 761px) {
  html body .site-header .site-navrow .site-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
    max-height: 44px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    grid-template-columns: none !important;
  }

  html body .site-header .site-navrow .site-nav > .nav-mega {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  html body .site-header .site-navrow .site-nav > .nav-mega summary {
    min-height: 42px !important;
    padding-inline: 8px !important;
    overflow: hidden !important;
  }

  html body .site-header .site-navrow .site-nav > .nav-mega summary span {
    display: block !important;
    min-width: 0 !important;
    max-width: calc(100% - 12px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* 2026-06-28y.1: exact desktop nav item contract, beating older flex shorthands. */
@media (min-width: 761px) {
  html body header.site-header .site-navrow nav.site-nav > details.mega-menu.nav-mega {
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-basis: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html body header.site-header .site-navrow nav.site-nav > details.mega-menu.nav-mega > summary {
    min-height: 40px !important;
    padding-inline: 6px !important;
    font-size: clamp(0.54rem, 0.58vw, 0.68rem) !important;
    letter-spacing: 0.025em !important;
  }

  html body header.site-header .site-navrow nav.site-nav > details.mega-menu.nav-mega > summary > span {
    max-width: calc(100% - 10px) !important;
  }
}

/* 2026-06-28z.1: final publication polish and anti-collision guardrail. */
@media (min-width: 761px) {
  html body header.site-header .site-navrow nav.site-nav > details.mega-menu.nav-mega > summary::after {
    content: "" !important;
    display: none !important;
  }

  html body header.site-header .site-navrow nav.site-nav > details.mega-menu.nav-mega > summary {
    gap: 0 !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }

  html body header.site-header .site-navrow nav.site-nav > details.mega-menu.nav-mega > summary > span {
    max-width: 100% !important;
    text-align: center !important;
  }
}

html body {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.72), transparent 32rem),
    linear-gradient(180deg, #fbfaf6 0%, #f4f0e8 100%) !important;
}

html body .site-header {
  margin-top: 0 !important;
  border-radius: 0 0 22px 22px !important;
  box-shadow: 0 16px 44px rgba(26, 24, 22, 0.07) !important;
}

html body .site-mastheadbar {
  min-height: 116px !important;
  padding-top: clamp(16px, 2vw, 24px) !important;
  padding-bottom: clamp(14px, 2vw, 22px) !important;
}

html body .masthead-link {
  font-size: clamp(4.2rem, 8vw, 8.9rem) !important;
  line-height: 0.83 !important;
}

html body .site-search-mini {
  border-radius: 999px !important;
  overflow: hidden !important;
  box-shadow: inset 0 0 0 1px rgba(20, 18, 16, 0.08) !important;
}

html body .site-search-mini input {
  border-radius: 999px 0 0 999px !important;
}

html body .site-search-mini button {
  border-radius: 0 999px 999px 0 !important;
}

html body .reader-tool,
html body .reader-toolbelt .account-launcher__trigger {
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease !important;
}

html body .reader-tool:hover,
html body .reader-toolbelt .account-launcher__trigger:hover,
html body .reader-toolbelt .account-launcher__trigger[aria-expanded="true"] {
  transform: translateY(-1px) !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(26, 24, 22, 0.09) !important;
}

html body .front-page-grid {
  grid-template-columns: minmax(0, 1fr) minmax(288px, 360px) !important;
}

html body .front-page-grid > .lead-package {
  border: 0 !important;
  background: #fffdf8 !important;
  box-shadow: 0 22px 60px rgba(26, 24, 22, 0.08) !important;
}

html body .front-page-grid > .lead-package .story-link {
  text-decoration: none !important;
}

html body .front-page-grid > .lead-package .story-link:hover {
  text-decoration: underline !important;
}

html body .latest-column,
html body .editor-picks,
html body .front-wire-column,
html body .wire-column,
html body .visual-news-deck,
html body .story-river,
html body .daily-engagement-desk,
html body .reader-engagement-console,
html body .reader-pathway-grid,
html body .investigation-dossier,
html body .article-shell--story {
  border-color: rgba(33, 30, 27, 0.12) !important;
  background: rgba(255, 253, 248, 0.86) !important;
}

html body .editor-picks h2,
html body .latest-column h2,
html body .front-wire-column h2,
html body .wire-column h2,
html body .visual-news-deck__heading h2,
html body .story-river__heading h2,
html body .daily-engagement-heading h2 {
  letter-spacing: 0 !important;
}

html body .latest-item,
html body .editor-pick,
html body .wire-item,
html body .story-river-card,
html body .visual-news-card,
html body .daily-engagement-card,
html body .daily-engagement-rail {
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.68) !important;
}

html body .latest-item strong,
html body .wire-item strong,
html body .editor-pick h3,
html body .story-river-card h3,
html body .visual-news-card h3 {
  text-decoration: none !important;
}

html body .latest-item strong:hover,
html body .wire-item strong:hover,
html body .editor-pick h3:hover,
html body .story-river-card h3:hover,
html body .visual-news-card h3:hover {
  text-decoration: underline !important;
}

html body .article-kicker,
html body .section-heading__eyebrow,
html body .story-meta,
html body .source-count,
html body .story-source-count {
  color: var(--vini-red) !important;
}

html body .story-page-layout {
  padding-top: clamp(10px, 2vw, 28px) !important;
}

html body .article-shell--story {
  border: 0 !important;
  background: #fffdf8 !important;
  box-shadow: 0 22px 60px rgba(26, 24, 22, 0.08) !important;
}

html body .story-rail-card {
  background: rgba(255, 253, 248, 0.9) !important;
}

html body .story-guide-card,
html body .story-source-glance {
  opacity: 1 !important;
}

html body .site-footer {
  width: min(100vw, var(--vini-shell)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html.vini-dark-theme body {
  background:
    radial-gradient(circle at 14% 0%, rgba(98, 34, 41, 0.26), transparent 34rem),
    linear-gradient(180deg, #11100f 0%, #171412 100%) !important;
}

html.vini-dark-theme body .front-page-grid > .lead-package,
html.vini-dark-theme body .article-shell--story {
  background: #181614 !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.34) !important;
}

/* 2026-06-28aa.1: mobile header must not swallow the first viewport. */
@media (max-width: 760px) {
  html body .site-header {
    border-radius: 0 0 16px 16px !important;
  }

  html body .site-mastheadbar {
    min-height: 0 !important;
    padding: 10px 8px 12px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "brand tools"
      "motto tools"
      "search search" !important;
    gap: 6px 10px !important;
    text-align: left !important;
  }

  html body .masthead-link {
    justify-self: start !important;
    font-size: clamp(2.85rem, 15vw, 4.1rem) !important;
    line-height: 0.86 !important;
  }

  html body .masthead-motto {
    justify-self: start !important;
    max-width: 18rem !important;
    text-align: left !important;
    font-size: 0.52rem !important;
    line-height: 1.15 !important;
    letter-spacing: 0.1em !important;
  }

  html body .reader-toolbelt {
    align-self: center !important;
    justify-self: end !important;
    width: auto !important;
    grid-template-columns: repeat(2, 34px) !important;
    gap: 6px !important;
  }

  html body .reader-tool,
  html body .reader-toolbelt .account-launcher__trigger {
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
  }

  html body .reader-tool__icon {
    font-size: 0.48rem !important;
  }

  html body .site-search-mini {
    height: 38px !important;
  }

  html body .site-search-mini input,
  html body .site-search-mini button {
    min-height: 38px !important;
  }

  html body .site-navrow {
    overflow: visible !important;
  }

  html body .site-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    max-height: none !important;
    height: 42px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    border-left: 0 !important;
    border-right: 0 !important;
    scrollbar-width: none !important;
  }

  html body .site-nav::-webkit-scrollbar {
    display: none !important;
  }

  html body .site-nav > .nav-mega {
    flex: 0 0 auto !important;
    min-width: 84px !important;
    width: auto !important;
  }

  html body .site-nav > .nav-mega[open] {
    grid-column: auto !important;
  }

  html body .site-nav > .nav-mega summary {
    min-height: 40px !important;
    padding-inline: 12px !important;
    justify-content: center !important;
    border-right: 1px solid var(--vini-line) !important;
    white-space: nowrap !important;
  }

  html body .site-nav > .nav-mega summary::after {
    content: "" !important;
    display: none !important;
  }

  html body .site-nav > .nav-mega[open] > .mega-menu__panel,
  html body .site-nav > .nav-mega[open] > .mega-menu__panel--newsroom {
    position: absolute !important;
    top: calc(100% + 1px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-height: min(62vh, 520px) !important;
    overflow: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 22px 60px rgba(26, 24, 22, 0.18) !important;
  }

  html body .breaking-strip {
    margin-top: 12px !important;
  }
}

/* 2026-06-28ac.1: high-specificity mobile nav override. */
@media (max-width: 760px) {
  html body header.site-header .site-mastheadbar {
    grid-template-areas:
      "brand tools"
      "search search" !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    padding: 8px 8px 10px !important;
  }

  html body header.site-header .masthead-link {
    font-size: clamp(2.35rem, 12.5vw, 3.35rem) !important;
    line-height: 0.84 !important;
  }

  html body header.site-header .masthead-motto {
    display: none !important;
  }

  html body header.site-header .reader-toolbelt {
    grid-template-columns: repeat(4, 32px) !important;
    width: auto !important;
    gap: 5px !important;
  }

  html body header.site-header .reader-tool,
  html body header.site-header .reader-toolbelt .account-launcher__trigger {
    width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
  }

  html body header.site-header .site-navrow nav.site-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    height: 42px !important;
    max-height: 42px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
  }

  html body header.site-header .site-navrow nav.site-nav > details.mega-menu.nav-mega {
    flex: 0 0 auto !important;
    min-width: 84px !important;
    width: auto !important;
    max-width: none !important;
  }

  html body header.site-header .site-navrow nav.site-nav > details.mega-menu.nav-mega > summary {
    min-height: 40px !important;
    padding-inline: 12px !important;
    font-size: 0.62rem !important;
  }

  html body header.site-header .site-navrow nav.site-nav > details.mega-menu.nav-mega[open] > .mega-menu__panel,
  html body header.site-header .site-navrow nav.site-nav > details.mega-menu.nav-mega[open] > .mega-menu__panel--newsroom {
    position: fixed !important;
    top: 224px !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    max-width: none !important;
    max-height: min(58vh, 500px) !important;
    z-index: 7000 !important;
  }
}

/* 2026-06-28af.1: article opening reads as a story, not a cramped grid. */
html body .article-shell--story {
  display: block !important;
}

html body .article-shell--story > .story-breadcrumbs,
html body .article-shell--story > .hero-copy__kicker,
html body .article-shell--story > h1,
html body .article-shell--story > h1 + p,
html body .article-shell--story > .story-visual--article,
html body .article-shell--story > .story-reader-panel,
html body .article-shell--story > .story-command-center,
html body .article-shell--story > .story-context-grid,
html body .article-shell--story > .story-meta,
html body .article-shell--story > .article-shell__body,
html body .article-shell--story > .story-gallery,
html body .article-shell--story > .story-engagement-block {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body .article-shell--story > .story-breadcrumbs {
  margin-bottom: clamp(18px, 2vw, 30px) !important;
}

html body .article-shell--story > h1 {
  max-width: 100% !important;
  font-size: clamp(2.55rem, 4vw, 4.85rem) !important;
  line-height: 0.99 !important;
}

html body .article-shell--story > h1 + p {
  max-width: 76ch !important;
  margin-top: 18px !important;
}

html body .article-shell--story > .story-visual--article {
  margin-top: clamp(22px, 2.6vw, 38px) !important;
  margin-bottom: clamp(22px, 2.6vw, 38px) !important;
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
}

html body .article-shell--story > .story-visual--article img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body .article-shell--story > .story-reader-panel,
html body .article-shell--story > .story-command-center,
html body .article-shell--story > .story-context-grid,
html body .article-shell--story > .story-gallery,
html body .article-shell--story > .story-engagement-block {
  margin-top: clamp(24px, 3vw, 44px) !important;
}

/* 2026-06-28ag.1: beat older story template grid selectors. */
html body .story-page-layout article.article-shell--story {
  display: block !important;
  grid-template-columns: none !important;
}

html body .story-page-layout article.article-shell--story > .story-breadcrumbs,
html body .story-page-layout article.article-shell--story > .hero-copy__kicker,
html body .story-page-layout article.article-shell--story > h1,
html body .story-page-layout article.article-shell--story > h1 + p,
html body .story-page-layout article.article-shell--story > .story-visual--article,
html body .story-page-layout article.article-shell--story > .story-reader-panel,
html body .story-page-layout article.article-shell--story > .story-command-center,
html body .story-page-layout article.article-shell--story > .story-context-grid,
html body .story-page-layout article.article-shell--story > .story-meta,
html body .story-page-layout article.article-shell--story > .article-shell__body,
html body .story-page-layout article.article-shell--story > .story-gallery,
html body .story-page-layout article.article-shell--story > .story-engagement-block {
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body .story-page-layout article.article-shell--story > h1 {
  width: 100% !important;
  max-width: 100% !important;
}

html body .story-page-layout article.article-shell--story > .story-visual--article {
  width: 100% !important;
  max-width: 100% !important;
}

/* 2026-06-28ah.1: exact selector match for the older modern story grid. */
html body .story-page-layout article.article-shell.article-shell--story,
html body .story-page-layout .article-shell.article-shell--story {
  display: block !important;
  grid-template-columns: none !important;
}

html body .story-page-layout article.article-shell.article-shell--story > .story-breadcrumbs,
html body .story-page-layout article.article-shell.article-shell--story > .hero-copy__kicker,
html body .story-page-layout article.article-shell.article-shell--story > h1,
html body .story-page-layout article.article-shell.article-shell--story > h1 + p,
html body .story-page-layout article.article-shell.article-shell--story > .story-visual--article {
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body .story-page-layout article.article-shell.article-shell--story > h1 {
  font-size: clamp(2.55rem, 4vw, 4.85rem) !important;
}