:root {
  --ink: #050505;
  --paper: #fff;
  --accent: #e00000;
  --rule: #777;
  --rule-light: #aaa;
  --muted: #4a4a4a;
  --news-font: "Courier New", Courier, monospace;
  --micro-font: "Courier New", Courier, monospace;
  --display-font: Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }

html {
  color: var(--ink);
  background: var(--paper);
  font-family: var(--news-font);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--paper);
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover,
a:focus-visible {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.skip-link {
  position: absolute;
  inset-block-start: 4px;
  inset-inline-start: 4px;
  z-index: 60;
  padding: 4px 6px;
  background: #fff;
  border: 2px solid #000;
  font: 700 12px/1 var(--news-font);
  transform: translateY(-180%);
}
.skip-link:focus { transform: none; }


.page {
  inline-size: 100%;
  max-inline-size: 1320px;
  margin-inline: auto;
  padding: 6px 5px 18px;
}

.ad-gap { display: none; }

.top {
  max-inline-size: 940px;
  margin-inline: auto;
  text-align: center;
}

.story-group {
  margin-block-end: 5px;
}

.story-franchise {
  margin: 0 0 2px;
  color: var(--accent);
  font: 900 9px/1 var(--micro-font);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.top .story-franchise { text-align: center; }

.story-group.standard,
.story-group.minor {
  text-align: start;
}

.story-group.lead,
.story-group.feature.top-feature {
  text-align: center;
  margin-inline: auto;
}

.story-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.story-links li + li { margin-block-start: 2px; }

.story-link {
  display: block;
  font-family: var(--news-font);
  font-weight: 700;
  line-height: 1.08;
  overflow-wrap: normal;
  word-break: normal;
}

.story-link.accent-red { color: var(--accent); }
.top .lead .story-link.accent-red { color: var(--ink); }
.story-link.emphasis-italic { font-style: italic; }

.story-dossier-links {
  display: block;
  margin-block-start: 3px;
  color: #666;
  font: 500 8px/1.15 var(--micro-font);
  letter-spacing: 0.01em;
  text-align: end;
  text-transform: uppercase;
}

.story-dossier-links a {
  color: inherit;
  font-weight: 600;
}

.top .lead .story-dossier-links {
  margin-block-start: 4px;
  font-size: 9px;
}

.top .lead {
  max-inline-size: 900px;
  margin-block: 2px 7px;
}

.top .lead .story-link {
  font-family: var(--display-font);
  font-size: 46px;
  font-weight: 900;
  line-height: 0.96;
  letter-spacing: -0.038em;
  text-transform: uppercase;
  text-decoration: none;
}


.top .lead:has(.story-links > li:only-child) .story-link {
  font-size: 58px;
  line-height: 0.93;
  letter-spacing: -0.045em;
}

.top .lead li:nth-child(n+2) .story-link {
  font: 700 13px/1.08 var(--news-font);
  letter-spacing: 0;
  text-transform: none;
}

.top .feature.top-feature {
  max-inline-size: 790px;
  margin-block: 3px 6px;
}

.top .feature.top-feature .story-link {
  font-family: var(--display-font);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.01;
  letter-spacing: -0.014em;
  text-transform: uppercase;
}

.top .standard,
.top .minor {
  max-inline-size: 740px;
  margin-inline: auto;
  text-align: center;
}

.top .standard .story-link,
.top .minor .story-link { font-size: 13px; }


.group-image {
  display: block;
  inline-size: auto;
  max-inline-size: 100%;
  block-size: auto;
  margin: 5px auto 4px;
  border: 0;
}

.top .group-image {
  inline-size: auto;
  max-inline-size: min(460px, 82vw);
  max-block-size: 520px;
}

.top .lead .group-image {
  inline-size: auto;
  max-inline-size: min(620px, 88vw);
  max-block-size: 580px;
  margin-block-start: 4px;
}

.column .group-image {
  inline-size: auto;
  max-inline-size: 100%;
  max-block-size: 430px;
  margin: 4px auto 4px;
}

.image-label {
  color: var(--ink);
  font: 700 10px/1.1 var(--micro-font);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 2px 0 5px;
}

.image-credit {
  color: var(--muted);
  font: 400 8px/1.1 var(--micro-font);
  text-align: center;
  margin-block: -1px 4px;
}

.masthead {
  text-align: center;
  margin-block: 7px 10px;
}

.logo {
  display: inline-block;
  inline-size: auto;
  block-size: auto;
  margin: 0;
  overflow: visible;
  white-space: nowrap;
  background: none;
  color: var(--ink);
  font-family: "Arial Black", Impact, Arial, Helvetica, sans-serif;
  font-size: 104px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: -0.05em;
  word-spacing: 0.03em;
  line-height: 0.82;
  text-transform: uppercase;
  transform: skewX(-5deg);
  transform-origin: center;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}

.logo .ai { color: inherit; }

.logo-home-link {
  color: inherit;
  text-decoration: none;
}

.logo-home-link:hover,
.logo-home-link:focus-visible {
  color: inherit;
  text-decoration: none;
}

.edition-meta {
  margin-block-start: 9px;
  color: var(--muted);
  font: 400 9px/1 var(--micro-font);
}

.correction,
.withdrawn {
  max-inline-size: 800px;
  margin: 8px auto;
  padding: 5px 7px;
  border: 1px solid var(--rule);
  font: 700 11px/1.2 var(--news-font);
}

.columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  inline-size: 100%;
  align-items: start;
  border-block-start: 1px solid var(--rule);
}

.column {
  min-inline-size: 0;
  padding: 6px 8px 0;
  font: 700 13px/1.08 var(--news-font);
}

.column + .column { border-inline-start: 1px solid var(--rule); }


.column .story-group {
  margin-block-end: 5px;
  padding-block-end: 4px;
  border-block-end: 0;
}

.column .story-group:has(.story-links > li:nth-child(2)) {
  margin-block-end: 7px;
}

.column .story-group.feature {
  margin-block-end: 8px;
  padding-block-end: 7px;
  border-block-end: 1px solid var(--rule-light);
}

.column .story-group:has(.group-image) {
  margin-block-end: 9px;
  padding-block-end: 2px;
  border-block-end: 0;
}

.column .story-link { padding-block: 0; }
.column .feature .story-links > li:first-child .story-link {
  font-size: 14px;
  font-weight: 900;
  line-height: 1.03;
}
.column .minor .story-link { font-size: 12px; font-weight: 700; }


.benchmark-strip {
  margin-block-start: 9px;
  padding: 7px 7px 6px;
  border-block-start: 2px solid var(--ink);
  border-block-end: 1px solid var(--rule);
  font: 700 13.5px/1.18 var(--news-font);
}

.benchmark-strip h2 {
  display: block;
  margin: 0 0 2px;
  font: 900 12px/1 var(--news-font);
}

.benchmark-items {
  display: block;
}

.benchmark-item {
  position: relative;
  display: block;
  min-inline-size: 0;
  padding-inline-end: 54px;
}

.benchmark-item > a { font-weight: 900; }
.benchmark-snapshot {
  display: block;
  margin-block-start: 1px;
  margin-inline-end: -54px;
  font-weight: 700;
  letter-spacing: -0.01em;
  white-space: pre-line;
}
.benchmark-asof {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  color: var(--muted);
  font-size: 10px;
  font-weight: 400;
  white-space: nowrap;
}
.benchmark-separator {
  display: block;
  block-size: 4px;
  overflow: hidden;
  color: transparent;
  font-size: 0;
}

.files-strip {
  margin: 18px 6px 5px;
  padding: 10px 7px 9px;
  border-block-start: 2px solid var(--ink);
  border-block-end: 1px solid var(--rule);
  text-align: center;
  font: 700 12px/1.5 var(--news-font);
}

.files-strip-label {
  font-weight: 900;
  margin-inline-end: 12px;
}

.files-strip-links { display: inline; }
.files-strip-featured { display: inline; }

.files-strip-featured a,
.files-strip-links a { display: inline-block; }
.files-strip-all { display: inline-block; margin-inline-start: 15px; font-weight: 900; white-space: nowrap; }
.files-strip-more { margin-block-start: 8px; font-size: 11px; }
.files-strip-more summary { display: inline-block; cursor: pointer; font-weight: 700; color: var(--muted); }
.files-strip-more summary:hover { color: var(--ink); text-decoration: underline; }
.files-strip-more[open] summary { margin-block-end: 7px; }
.files-strip-more .files-strip-links { display: block; }

.files-strip-separator {
  margin-inline: 4px;
  color: var(--muted);
}

footer {
  position: relative;
  margin-block-start: 3px;
  padding: 11px 7px 4px;
  border-block-start: 1px solid var(--rule);
  text-align: center;
  font: 700 13px/1.2 var(--news-font);
}

.footer-links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 9px;
  margin-block-end: 0;
  padding-block: 12px 10px;
  text-transform: uppercase;
}
.footer-links-primary, .footer-links-secondary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 5px 16px;
}
.footer-links-primary { font-weight: 900; }
.footer-links-secondary { padding-block-start: 8px; border-block-start: 1px solid var(--rule-light); color: var(--muted); font-size: 11px; }

#main[data-homepage="true"] .newsroom-sighting {
  display: flex;
  align-items: flex-end;
  block-size: 77px;
  margin: 2px 0 14px;
  border-bottom: 1px solid var(--rule);
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  pointer-events: none;
}
#main[data-homepage="true"] .newsroom-sighting-merv { justify-content: flex-start; }
#main[data-homepage="true"] .newsroom-sighting-buddy { justify-content: flex-end; }
#main[data-homepage="true"] .newsroom-sighting img {
  display: block;
  inline-size: auto;
  block-size: auto;
  max-inline-size: 112px;
  max-block-size: 84px;
  object-fit: contain;
  object-position: center bottom;
}

@media (min-width: 1536px) {
  #main[data-homepage="true"] .masthead::after {
    content: '';
    position: absolute;
    top: 45%;
    left: calc(100% + 16px);
    width: 64px;
    height: 76px;
    background: url('/assets/characters/issue-peek-cutout.webp') center bottom / contain no-repeat;
    pointer-events: none;
  }
}
@media (max-width: 700px) {
  
  #main[data-homepage="true"] .river > .newsroom-sighting:nth-child(n) {
    display: flex;
    block-size: 62px;
    margin-block-end: 12px;
  }
  #main[data-homepage="true"] .newsroom-sighting img {
    max-inline-size: 92px;
    max-block-size: 66px;
  }
}

@media (max-width: 700px) {
  .footer-links-secondary { font-size: 10px; }
}


.visually-hidden {
  position: absolute !important;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.newsletter-signup {
  margin: 0 auto 12px;
  padding: 14px 12px 12px;
  max-inline-size: 560px;
  border: 2px solid var(--ink);
  background: var(--paper);
  box-shadow: 3px 3px 0 var(--ink);
  text-align: center;
}

.newsletter-heading {
  margin: 0 0 4px;
  font: 900 26px/1 var(--news-font);
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.newsletter-promise {
  margin: 0 0 10px;
  font: 900 11px/1.35 var(--micro-font);
  letter-spacing: .08em;
  color: var(--accent);
}

.newsletter-dek {
  margin: 0 0 10px;
  font: 700 13px/1.3 var(--news-font);
  color: var(--muted);
}

.newsletter-embed {
  margin: 0 auto 4px;
  max-inline-size: 480px;
}

.newsletter-embed iframe {
  display: block;
  inline-size: 100%;
  max-inline-size: 480px;
  block-size: 320px;
  border: 2px solid var(--ink);
  background: #fff;
}

.newsletter-fineprint {
  margin: 8px 0 0;
  font: 700 11px/1.3 var(--micro-font);
  color: var(--muted);
}


.masthead { position: relative; }


.newsletter-counter {
  margin: 10px auto 0;
  max-inline-size: 420px;
  text-align: center;
}
.newsletter-counter-line {
  margin: 0 0 6px;
  font: 700 13px/1.4 system-ui, sans-serif;
  letter-spacing: 0.02em;
}
.newsletter-counter-line strong {
  font-size: 17px;
  font-weight: 900;
}
.newsletter-counter-bar {
  height: 8px;
  border: 2px solid var(--ink);
  background: var(--paper);
  overflow: hidden;
}
.newsletter-counter-fill {
  height: 100%;
  background: #FF2D78;
  transition: width 0.4s ease;
}


.consent-banner {
  position: fixed;
  inset-inline-start: auto;
  inset-inline-end: 7px;
  inset-block-end: 7px;
  z-index: 50;
  inline-size: min(360px, calc(100vw - 14px));
  max-inline-size: 360px;
  margin: 0;
  padding: 6px 7px;
  border: 1px solid var(--ink);
  background: var(--paper);
  box-shadow: 2px 2px 0 var(--ink);
  font: 700 10px/1.16 var(--news-font);
}
.consent-banner[hidden] { display: none; }
.consent-banner p { margin: 0 0 4px; }
.consent-actions { display: flex; gap: 5px; }
.consent-actions button {
  appearance: none;
  border: 1px solid var(--ink);
  border-radius: 0;
  background: var(--paper);
  color: var(--ink);
  padding: 2px 6px;
  font: 700 10px/1 var(--news-font);
  cursor: pointer;
}

.simple-page {
  max-inline-size: 720px;
  margin-inline: auto;
  padding: 28px 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.55;
}
.simple-page h1 { font-size: 30px; }
.simple-page nav { margin-block: 24px; }
.simple-page nav a { margin-inline-end: 14px; }


.editorial-notice {
  padding: 18px 20px;
  border-top: 5px solid var(--accent);
  border-bottom: 5px solid var(--accent);
  background: #fff;
  color: #111;
}

.editorial-notice-label {
  display: block;
  margin: 0 0 5px;
  color: #b40000;
  font: 900 12px/1.2 Arial, sans-serif;
  letter-spacing: .12em;
}

.editorial-notice-statement {
  max-inline-size: 900px;
  margin: 0;
  font: 900 clamp(22px, 3.5vw, 36px)/1.12 Georgia, serif;
}

.editorial-notice-body {
  max-inline-size: 900px;
  margin: 10px 0 0;
  font: 17px/1.45 Georgia, serif;
}

@media (max-width: 700px) {
  .editorial-notice { padding: 15px 14px; }
  .editorial-notice-body { font-size: 16px; }
}

@media (max-width: 700px) {
  .page {
    max-inline-size: none;
    padding: 4px 7px 16px;
  }


  .top {
    max-inline-size: none;
  }

  .top .lead {
    max-inline-size: none;
    margin-block: 3px 12px;
  }

  .top .lead .story-link {
    font-size: clamp(34px, 11vw, 48px);
    line-height: 0.95;
    letter-spacing: -0.045em;
  }

  .top .lead:has(.story-links > li:only-child) .story-link {
    font-size: clamp(40px, 13vw, 56px);
    line-height: 0.92;
  }

  .top .lead li:nth-child(n+2) .story-link {
    font: 700 17px/1.05 var(--news-font);
    letter-spacing: 0;
    text-transform: none;
  }

  .top .feature.top-feature {
    max-inline-size: none;
    margin-block: 8px 12px;
  }

  .top .feature.top-feature .story-link {
    font-size: 24px;
    line-height: 0.98;
  }

  .top .standard,
  .top .minor {
    max-inline-size: none;
  }

  .top .standard .story-link,
  .top .minor .story-link {
    font-size: 16px;
    line-height: 1.05;
  }

  .top .group-image,
  .top .lead .group-image,
  .column .group-image {
    inline-size: 100%;
    max-inline-size: 100%;
    max-block-size: none;
    margin-block: 7px 6px;
  }

  .image-credit {
    font-size: 9px;
    margin-block-end: 7px;
  }

  .masthead {
    margin-block: 14px 13px;
  }

  .logo {
    max-inline-size: 100%;
    font-size: clamp(48px, 14vw, 76px);
    line-height: 0.84;
  }

  .edition-meta {
    margin-block-start: 7px;
    font-size: 10px;
  }

  .columns {
    display: block;
    border-block-start: 2px solid var(--ink);
  }

  .column {
    padding: 9px 0 0;
    font-size: 18px;
    line-height: 1.08;
  }

  .column + .column {
    margin-block-start: 10px;
    padding-block-start: 11px;
    border-inline-start: 0;
    border-block-start: 1px solid var(--rule);
  }

  .column .story-group {
    margin-block-end: 9px;
    padding-block-end: 6px;
    border-block-end: 0;
  }

  .column .story-group:has(.story-links > li:nth-child(2)) {
    margin-block-end: 11px;
  }

  .column .story-group.feature {
    margin-block-end: 12px;
    padding-block-end: 10px;
    border-block-end: 1px solid var(--rule-light);
  }

  .column .story-group:has(.group-image) {
    margin-block-end: 14px;
    padding-block-end: 6px;
    border-block-end: 0;
  }

  .column.right .story-group:last-child {
    margin-block-end: 0;
    padding-block-end: 0;
    border-block-end: 0;
  }

  .column .feature .story-links > li:first-child .story-link {
    font-size: 22px;
    line-height: 1.02;
  }

  .column .minor .story-link {
    font-size: 16px;
  }

  .story-links li + li {
    margin-block-start: 4px;
  }

  .benchmark-strip {
    margin-block-start: 14px;
    padding-inline: 0;
    font-size: 16px;
  }

  .files-strip {
    margin-inline: 0;
    padding-inline: 0;
    font-size: 12px;
  }

  footer {
    margin-block-start: 3px;
    padding-inline: 0;
    font-size: 11px;
  }

  .footer-links {
    justify-content: center;
    gap: 4px 10px;
  }
}

@media (min-width: 1400px) {
  .column { font-size: 13.5px; }
  .column .minor .story-link { font-size: 12.5px; }
  .column .group-image { max-inline-size: 430px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}


.ma-chart { position: relative; margin: 2em 0; max-width: 680px; }   
.ma-chart-title { font-size: 15px; letter-spacing: .12em; text-transform: uppercase;
  margin: 0 0 .35em; font-family: 'Helvetica Neue', Arial, sans-serif; }
.ma-chart-dek { font-size: 13px; color: #8a8578; margin: 0 0 .6em; max-width: 60ch; }
.ma-chart-svg { margin: .6em 0; }                                     
.ma-chart-svg svg { display: block; max-width: 100%; height: auto; }
.ma-chart-src { font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
  color: #8a8578; margin-top: .5em; }
.ma-chart-satire { position: absolute; top: .5em; right: .5em; border: 2px solid #a31621;
  color: #a31621; font-weight: 700; font-size: 12px; letter-spacing: .2em;
  padding: .2em .5em; transform: rotate(6deg); text-transform: uppercase; }



.ma-chart { position: relative; margin: 2em 0; max-width: 680px; }
.ma-chart-title {
  font-size: 15px;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 .35em;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-weight: 900;
}
.ma-chart-dek { font-size: 13px; color: #8a8578; margin: 0 0 .6em; max-width: 60ch; }
.ma-chart-svg { margin: .6em 0; }
.ma-chart-svg svg { display: block; max-width: 100%; height: auto; }
.ma-chart-src {
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #8a8578;
  margin-top: .5em;
}
.ma-chart-satire {
  position: absolute; top: .5em; right: .5em;
  border: 2px solid #a31621;
  color: #a31621;
  font-weight: 700; font-size: 12px; letter-spacing: .2em;
  padding: .2em .5em;
  transform: rotate(6deg);
  text-transform: uppercase;
  background: #f6f1e3;
}


.ma-chart-slot {
  margin-block-start: 9px;
  padding: 7px 7px 6px;
  border-block-start: 2px solid var(--ink);
  border-block-end: 1px solid var(--rule);
  font: 700 13px/1.18 var(--news-font);
}
.ma-chart-slot .ma-chart { margin: 0; max-width: none; }
.ma-chart-slot-kicker {
  margin: 0 0 4px;
  font: 900 12px/1 var(--news-font);
  letter-spacing: .12em;
}
.ma-chart-slot .ma-chart-title {
  margin: 0 0 2px;
  font: 900 15px/1.05 var(--news-font);
}
.ma-chart-slot .ma-chart-dek {
  margin: 0 0 6px;
  font: 700 12px/1.25 var(--news-font);
  color: var(--muted);
}
.ma-chart-slot .ma-chart-svg svg { inline-size: 100%; }
.ma-chart-slot .ma-chart-src {
  margin: 5px 0 0;
  font: 400 10.5px/1.3 var(--news-font);
  color: var(--muted);
  letter-spacing: .04em;
}


@media (max-width: 700px) {
  .ma-chart-slot .ma-chart-svg svg { inline-size: 92%; }
}


.best-of-rail {
  margin: 1.25em 0 0;
  padding: 0.75em 0 0.5em;
  border-top: 3px double var(--ink);
}
.best-of-rail-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1em;
  margin-bottom: 0.5em;
}
.best-of-rail-head h2 {
  margin: 0;
  font-family: var(--news-font);
  font-weight: 900;
  font-size: 20px;
  letter-spacing: 0.04em;
}
.best-of-rail-more {
  font-family: var(--news-font);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
.best-of-rail-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(150px, 1fr);
  gap: 0.75em;
  overflow-x: auto;
  padding-bottom: 0.25em;
}
.best-of-rail-card {
  text-decoration: none;
  color: inherit;
  display: block;
}
.best-of-rail-thumb {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border: 1px solid var(--rule);
}
.best-of-rail-title {
  display: block;
  margin-top: 0.35em;
  font-family: var(--news-font);
  font-weight: 900;
  font-size: 13px;
  line-height: 1.15;
}

.best-of-rail-cta-art {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  border: 3px solid var(--ink);
  background: var(--ink);
  color: var(--paper);
  font-family: var(--news-font);
  text-align: center;
}
.best-of-rail-cta-art strong {
  font-size: clamp(30px, 4vw, 56px);
  line-height: 0.95;
  letter-spacing: -0.04em;
}
.best-of-rail-cta-art span {
  font-size: clamp(40px, 6vw, 72px);
  line-height: 1;
}
.best-of-rail-cta:hover .best-of-rail-cta-art,
.best-of-rail-cta:focus-visible .best-of-rail-cta-art {
  background: var(--accent);
  border-color: var(--accent);
}

.best-of-page {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1em 1em 3em;
}
.best-of-back { margin: 0 0 1em; }
.best-of-h1 {
  margin: 0 0 0.15em;
  font-family: var(--news-font);
  font-weight: 900;
  font-size: clamp(34px, 6vw, 58px);
  letter-spacing: 0.02em;
}
.best-of-dek {
  margin: 0 0 1.5em;
  font-family: var(--news-font);
  font-size: 16px;
  line-height: 1.4;
  max-width: 62ch;
}
.best-of-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 1.25em;
}
.best-of-card {
  position: relative;
  display: block;
  text-decoration: none;
  color: inherit;
  border: 1px solid var(--rule);
  padding: 0.5em;
}
.best-of-rank {
  position: absolute;
  top: -0.7em;
  left: -0.4em;
  background: var(--ink);
  color: #fff;
  font-family: var(--news-font);
  font-weight: 900;
  font-size: 22px;
  padding: 0.1em 0.45em;
  transform: rotate(-6deg);
}
.best-of-thumb {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.best-of-title {
  display: block;
  margin: 0.5em 0 0.15em;
  font-family: var(--news-font);
  font-weight: 900;
  font-size: 17px;
  line-height: 1.15;
}
.best-of-signal {
  display: block;
  font-family: var(--news-font);
  font-size: 12px;
  font-style: italic;
  color: var(--muted);
}


.mm-page {
  max-width: 860px;
  margin: 0 auto;
  padding: 24px 16px 64px;
  font-family: var(--news-font);
}
.mm-back {
  font-size: 13px;
  margin: 0 0 24px;
}
.mm-back a {
  color: var(--muted);
  text-decoration: none;
}
.mm-kicker {
  font-size: 12px;
  letter-spacing: 2px;
  color: var(--muted);
  margin: 0 0 8px;
}
.mm-h1 {
  font-size: clamp(40px, 8vw, 72px);
  line-height: 1;
  margin: 0 0 12px;
  letter-spacing: 1px;
}
.mm-dek {
  font-size: 17px;
  line-height: 1.5;
  color: var(--ink-soft, #333);
  max-width: 620px;
  margin: 0 0 48px;
}
.mm-plates {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.mm-plate {
  margin: 0;
  border-top: 1px solid var(--rule, #ddd);
  padding-top: 32px;
}
.mm-numeral {
  display: block;
  font-size: 13px;
  letter-spacing: 3px;
  color: var(--muted);
  margin-bottom: 16px;
}
.mm-image-link {
  display: block;
}
.mm-image {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid var(--rule, #ddd);
}
.mm-caption {
  margin-top: 16px;
}
.mm-title {
  display: block;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 6px;
}
.mm-dek {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  color: var(--ink-soft, #333);
  margin-bottom: 8px;
}
.mm-inspiration {
  font-size: 13px;
  font-style: italic;
  color: var(--muted);
  text-decoration: none;
}
.mm-inspiration:hover {
  text-decoration: underline;
}
.mm-guide {
  margin: 64px 0 32px;
  padding: 32px;
  border: 2px solid var(--ink, #111);
  text-align: center;
}
.mm-guide-kicker {
  font-size: 12px;
  letter-spacing: 2px;
  color: var(--muted);
  margin: 0 0 8px;
}
.mm-guide-link {
  font-size: 24px;
  font-weight: 800;
  color: var(--ink, #111);
  text-decoration: none;
}
.mm-guide-link:hover {
  text-decoration: underline;
}
.mm-guide-dek {
  font-size: 15px;
  color: var(--ink-soft, #333);
  margin: 8px 0 0;
}


.mm-chapter {
  margin: 8px 0 8px;
  padding-top: 16px;
}
.mm-chapter-title {
  font-size: clamp(28px, 5vw, 44px);
  line-height: 1.05;
  margin: 0 0 6px;
  letter-spacing: 1px;
}
.mm-chapter-dek {
  font-size: 16px;
  font-style: italic;
  color: var(--muted);
  margin: 0;
}


.roast-page {
  max-width: 860px;
  margin: 0 auto;
  padding: 24px 16px 64px;
  font-family: var(--news-font);
}
.roast-back {
  font-size: 13px;
  margin: 0 0 24px;
}
.roast-back a {
  color: var(--muted);
  text-decoration: none;
}
.roast-kicker {
  font-size: 12px;
  letter-spacing: 2px;
  color: var(--tabloid-red, #b00);
  font-weight: 800;
  margin: 0 0 8px;
}
.roast-h1 {
  font-size: clamp(40px, 8vw, 72px);
  line-height: 1;
  margin: 0 0 12px;
  letter-spacing: 1px;
}
.roast-page .roast-dek {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 700;
  color: var(--ink-soft, #333);
  max-width: 620px;
  margin: 0 0 48px;
}
.roast-empty {
  border: 2px dashed var(--muted);
  padding: 40px 32px;
  text-align: center;
  margin: 0 0 48px;
}
.roast-empty h2 {
  font-size: clamp(24px, 4vw, 36px);
  margin: 0 0 12px;
  letter-spacing: 1px;
}
.roast-empty p {
  font-size: 16px;
  color: var(--ink-soft, #333);
  margin: 0;
}
.roast-wall-kicker {
  font-size: 12px;
  letter-spacing: 3px;
  color: var(--muted);
  margin: 0 0 8px;
}
.roast-wall-title {
  font-size: clamp(28px, 5vw, 44px);
  line-height: 1.05;
  margin: 0 0 32px;
  letter-spacing: 1px;
}
.roast-cards {
  display: flex;
  flex-direction: column;
  gap: 56px;
  margin-bottom: 56px;
}
.roast-card {
  margin: 0;
  border-top: 3px solid var(--ink, #111);
  padding-top: 24px;
}
.roast-meta {
  font-size: 12px;
  letter-spacing: 2px;
  color: var(--muted);
  margin: 0 0 8px;
}
.roast-subject {
  font-size: clamp(30px, 6vw, 52px);
  line-height: 1;
  font-weight: 900;
  margin: 0 0 16px;
  letter-spacing: 1px;
}
.roast-image-link {
  display: block;
}
.roast-image {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid var(--rule, #ddd);
}
.roast-title {
  margin: 16px 0 6px;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
}
.roast-title a {
  color: var(--ink, #111);
  text-decoration: none;
}
.roast-title a:hover {
  text-decoration: underline;
}
.roast-dek {
  font-size: 16px;
  line-height: 1.5;
  color: var(--ink-soft, #333);
  margin: 0;
}



.mobile-modules { display: none; }

@media (max-width: 700px) {
  

  .mobile-modules {
    display: block;
    margin: 18px 0 0;
    padding-top: 14px;
    border-top: 3px double var(--ink);
    
    overflow-x: clip;
  }

  .mobile-binge-cta {
    display: block;
    background: var(--ink);
    color: #fff;
    text-decoration: none;
    border: 3px solid var(--ink);
    box-shadow: 4px 4px 0 var(--accent);
    transform: skewX(-3deg);
    overflow: hidden;
  }
  .mobile-binge-cta:active {
    transform: skewX(-3deg) translate(2px, 2px);
    box-shadow: 0 0 0 var(--accent);
  }
  .mobile-binge-art {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-bottom: 3px solid var(--accent);
  }
  .mobile-binge-text {
    display: block;
    padding: 16px 18px 18px;
    position: relative;
  }
  .mobile-binge-text strong {
    display: block;
    font-family: var(--news-font);
    font-size: 24px;
    letter-spacing: .05em;
    line-height: 1.15;
    padding-right: 40px;
  }
  .mobile-binge-text em {
    display: block;
    font-style: normal;
    font-family: var(--body-font, Georgia, serif);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    opacity: .75;
    margin-top: 6px;
    padding-right: 40px;
  }
  .mobile-binge-arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 32px;
    font-weight: 700;
    color: var(--accent);
  }

  .mobile-teasers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 12px;
  }
  .mobile-teaser {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    border: 2px solid var(--ink);
    background: #fff;
    box-shadow: 2px 2px 0 var(--ink);
    text-decoration: none;
    color: var(--ink);
    transform: skewX(-4deg);
  }
  .mobile-teaser strong {
    font-family: var(--news-font);
    font-size: 14px;
    letter-spacing: .08em;
  }
  .mobile-teaser span { font-size: 12px; color: var(--muted); }
  .mobile-teaser:active {
    transform: skewX(-4deg) translate(2px, 2px);
    box-shadow: 0 0 0 var(--ink);
  }

  .mobile-edition-nav {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--ink);
    font-family: var(--news-font);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
  }
  .mobile-edition-nav a { color: var(--ink); }
}


.story-reading-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 20px 22px 80px;
}
.story-reading-kicker, .story-reading-cartoon-link,
.story-reading-next, .story-reading-original { font-family: var(--news-font); }

.story-reading-page .story-reading-header {
  border-top: 6px solid var(--pop-lime, #d4fa59);
  border-bottom: 1px solid var(--pop-line, #cad4cd);
  padding: 14px 0 16px;
  margin: 0 0 32px;
}
.story-reading-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 20px;
}
.story-reading-page .story-reading-wordmark {
  display: inline-block;
  color: var(--pop-forest, #15211b);
  font: 400 clamp(34px, 5vw, 54px)/1.1 var(--pop-mark, Georgia, serif);
  letter-spacing: -.045em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
.story-reading-page .story-reading-header .dossier-global-nav {
  flex: 0 1 auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.story-reading-edition {
  margin: 5px 0 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--pop-muted, #46564d);
}
.story-reading-edition a { color: inherit; text-decoration: none; }
.story-reading-edition a:hover { text-decoration: underline; }
@media (max-width: 600px) {
  .story-reading-header-row { align-items: flex-start; }
  .story-reading-page .story-reading-header .dossier-global-nav {
    justify-content: flex-start;
    width: 100%;
  }
}
.story-reading-kicker { font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.story-reading-page h1 { font: 900 clamp(28px, 6vw, 44px)/1.05 var(--news-font); margin: 12px 0 24px; }
.story-reading-prose { max-width: 650px; font: 19px/1.52 Georgia, 'Times New Roman', serif; }
.story-reading-prose p { margin: 0 0 1em; }
.story-reading-cartoon { margin: 26px 0; }
.story-reading-cartoon img { width: 100%; height: auto; display: block; }
.story-reading-cartoon figcaption { margin-top: 7px; font: 11px var(--news-font); color: #666; }
.story-reading-cartoon-link { margin: 0 0 26px; font-size: 12px; font-weight: 700; }
.story-reading-next { border-top: 2px solid var(--ink); padding-top: 16px; margin-top: 30px; }
.story-reading-next h2 { font-size: 14px; letter-spacing: .09em; }
.story-reading-next ul { list-style: none; padding: 0; margin: 0 0 16px; }
.story-reading-next li { border-bottom: 1px solid #ccc; padding: 12px 0; font-size: 18px; font-weight: 700; }
.story-reading-next > p { font-size: 12px; }
.story-reading-original { border-top: 1px solid #ddd; margin-top: 48px; padding-top: 12px; font-size: 11px; color: #777; }
.story-reading-original a { color: inherit; font-size: inherit; }


.footer-popular {
  margin: 26px 0 6px;
  padding: 0 12px;
  text-align: left;
}
.footer-popular h2 {
  margin: 0 0 10px;
  font: 900 13px/1 var(--news-font);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink);
  border-bottom: 3px solid var(--ink);
  padding-bottom: 8px;
}
.footer-popular ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-popular li {
  border-bottom: 1px solid color-mix(in srgb, var(--ink) 15%, transparent);
}
.footer-popular li:last-child {
  border-bottom: 0;
}
.footer-popular li a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 8px 4px;
  text-decoration: none;
  color: inherit;
}
.footer-popular .fp-rank {
  flex: 0 0 30px;
  font: 900 26px/1 var(--display-font);
  color: color-mix(in srgb, var(--ink) 28%, transparent);
}
.footer-popular li a img {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  object-fit: cover;
  border: 2px solid var(--ink);
  background: #fff;
}
.footer-popular .fp-meta {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.footer-popular .fp-meta strong {
  font: 900 14px/1.15 var(--news-font);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.footer-popular li a:active .fp-meta strong,
.footer-popular li a:hover .fp-meta strong {
  text-decoration: underline;
}
.footer-popular .fp-views {
  font: 400 12px/1 var(--news-font);
  color: color-mix(in srgb, var(--ink) 60%, transparent);
}
@media (min-width: 700px) {
  .footer-popular {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }
}


.homepage-discovery {
  margin: 24px 6px 4px;
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: 22px;
  align-items: start;
}
.homepage-discovery .newsroom-discovery-peek {
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  block-size: 80px;
  padding-inline-start: 18px;
  margin-block-end: -8px;
  border-bottom: 1px solid var(--rule);
  pointer-events: none;
}
.homepage-discovery .newsroom-discovery-peek img {
  display: block;
  inline-size: auto;
  block-size: auto;
  max-inline-size: 124px;
  max-block-size: 84px;
  object-fit: contain;
  object-position: left bottom;
}
@media (max-width: 700px) {
  .homepage-discovery .newsroom-discovery-peek { block-size: 62px; padding-inline-start: 8px; }
  .homepage-discovery .newsroom-discovery-peek img { max-inline-size: 92px; max-block-size: 64px; }
}
.homepage-discovery .footer-popular {
  max-width: none;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.homepage-discovery .best-of-rail {
  min-width: 0;
  margin: 0;
}
.homepage-discovery .footer-popular ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 12px;
}
.homepage-discovery .footer-popular li a { gap: 6px; padding: 6px 2px; min-height: 55px; }
.homepage-discovery .footer-popular .fp-rank { flex-basis: 20px; font-size: 21px; }
.homepage-discovery .footer-popular li a img { flex-basis: 42px; width: 42px; height: 42px; }
.homepage-discovery .footer-popular .fp-meta strong { font-size: 12px; }
.homepage-discovery .best-of-rail-track {
  grid-auto-flow: row;
  grid-auto-columns: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: visible;
}
@media (max-width: 1023px) {
  .homepage-discovery { display: block; }
  .homepage-discovery .best-of-rail { margin-top: 18px; }
  .homepage-discovery .best-of-rail-track {
    grid-auto-flow: column;
    grid-auto-columns: minmax(150px, 1fr);
    display: grid;
    grid-template-columns: none;
    overflow-x: auto;
  }
}
@media (max-width: 700px) {
  .homepage-discovery .footer-popular ol { display: block; }
  .homepage-discovery .footer-popular li a { gap: 10px; }
  .homepage-discovery .footer-popular li a img { flex-basis: 56px; width: 56px; height: 56px; }
}


.dpos-0{left:0%}
.dpos-1{left:1%}
.dpos-2{left:2%}
.dpos-3{left:3%}
.dpos-4{left:4%}
.dpos-5{left:5%}
.dpos-6{left:6%}
.dpos-7{left:7%}
.dpos-8{left:8%}
.dpos-9{left:9%}
.dpos-10{left:10%}
.dpos-11{left:11%}
.dpos-12{left:12%}
.dpos-13{left:13%}
.dpos-14{left:14%}
.dpos-15{left:15%}
.dpos-16{left:16%}
.dpos-17{left:17%}
.dpos-18{left:18%}
.dpos-19{left:19%}
.dpos-20{left:20%}
.dpos-21{left:21%}
.dpos-22{left:22%}
.dpos-23{left:23%}
.dpos-24{left:24%}
.dpos-25{left:25%}
.dpos-26{left:26%}
.dpos-27{left:27%}
.dpos-28{left:28%}
.dpos-29{left:29%}
.dpos-30{left:30%}
.dpos-31{left:31%}
.dpos-32{left:32%}
.dpos-33{left:33%}
.dpos-34{left:34%}
.dpos-35{left:35%}
.dpos-36{left:36%}
.dpos-37{left:37%}
.dpos-38{left:38%}
.dpos-39{left:39%}
.dpos-40{left:40%}
.dpos-41{left:41%}
.dpos-42{left:42%}
.dpos-43{left:43%}
.dpos-44{left:44%}
.dpos-45{left:45%}
.dpos-46{left:46%}
.dpos-47{left:47%}
.dpos-48{left:48%}
.dpos-49{left:49%}
.dpos-50{left:50%}
.dpos-51{left:51%}
.dpos-52{left:52%}
.dpos-53{left:53%}
.dpos-54{left:54%}
.dpos-55{left:55%}
.dpos-56{left:56%}
.dpos-57{left:57%}
.dpos-58{left:58%}
.dpos-59{left:59%}
.dpos-60{left:60%}
.dpos-61{left:61%}
.dpos-62{left:62%}
.dpos-63{left:63%}
.dpos-64{left:64%}
.dpos-65{left:65%}
.dpos-66{left:66%}
.dpos-67{left:67%}
.dpos-68{left:68%}
.dpos-69{left:69%}
.dpos-70{left:70%}
.dpos-71{left:71%}
.dpos-72{left:72%}
.dpos-73{left:73%}
.dpos-74{left:74%}
.dpos-75{left:75%}
.dpos-76{left:76%}
.dpos-77{left:77%}
.dpos-78{left:78%}
.dpos-79{left:79%}
.dpos-80{left:80%}
.dpos-81{left:81%}
.dpos-82{left:82%}
.dpos-83{left:83%}
.dpos-84{left:84%}
.dpos-85{left:85%}
.dpos-86{left:86%}
.dpos-87{left:87%}
.dpos-88{left:88%}
.dpos-89{left:89%}
.dpos-90{left:90%}
.dpos-91{left:91%}
.dpos-92{left:92%}
.dpos-93{left:93%}
.dpos-94{left:94%}
.dpos-95{left:95%}
.dpos-96{left:96%}
.dpos-97{left:97%}
.dpos-98{left:98%}
.dpos-99{left:99%}
.dpos-100{left:100%}
.dwid-0{width:0%}
.dwid-1{width:1%}
.dwid-2{width:2%}
.dwid-3{width:3%}
.dwid-4{width:4%}
.dwid-5{width:5%}
.dwid-6{width:6%}
.dwid-7{width:7%}
.dwid-8{width:8%}
.dwid-9{width:9%}
.dwid-10{width:10%}
.dwid-11{width:11%}
.dwid-12{width:12%}
.dwid-13{width:13%}
.dwid-14{width:14%}
.dwid-15{width:15%}
.dwid-16{width:16%}
.dwid-17{width:17%}
.dwid-18{width:18%}
.dwid-19{width:19%}
.dwid-20{width:20%}
.dwid-21{width:21%}
.dwid-22{width:22%}
.dwid-23{width:23%}
.dwid-24{width:24%}
.dwid-25{width:25%}
.dwid-26{width:26%}
.dwid-27{width:27%}
.dwid-28{width:28%}
.dwid-29{width:29%}
.dwid-30{width:30%}
.dwid-31{width:31%}
.dwid-32{width:32%}
.dwid-33{width:33%}
.dwid-34{width:34%}
.dwid-35{width:35%}
.dwid-36{width:36%}
.dwid-37{width:37%}
.dwid-38{width:38%}
.dwid-39{width:39%}
.dwid-40{width:40%}
.dwid-41{width:41%}
.dwid-42{width:42%}
.dwid-43{width:43%}
.dwid-44{width:44%}
.dwid-45{width:45%}
.dwid-46{width:46%}
.dwid-47{width:47%}
.dwid-48{width:48%}
.dwid-49{width:49%}
.dwid-50{width:50%}
.dwid-51{width:51%}
.dwid-52{width:52%}
.dwid-53{width:53%}
.dwid-54{width:54%}
.dwid-55{width:55%}
.dwid-56{width:56%}
.dwid-57{width:57%}
.dwid-58{width:58%}
.dwid-59{width:59%}
.dwid-60{width:60%}
.dwid-61{width:61%}
.dwid-62{width:62%}
.dwid-63{width:63%}
.dwid-64{width:64%}
.dwid-65{width:65%}
.dwid-66{width:66%}
.dwid-67{width:67%}
.dwid-68{width:68%}
.dwid-69{width:69%}
.dwid-70{width:70%}
.dwid-71{width:71%}
.dwid-72{width:72%}
.dwid-73{width:73%}
.dwid-74{width:74%}
.dwid-75{width:75%}
.dwid-76{width:76%}
.dwid-77{width:77%}
.dwid-78{width:78%}
.dwid-79{width:79%}
.dwid-80{width:80%}
.dwid-81{width:81%}
.dwid-82{width:82%}
.dwid-83{width:83%}
.dwid-84{width:84%}
.dwid-85{width:85%}
.dwid-86{width:86%}
.dwid-87{width:87%}
.dwid-88{width:88%}
.dwid-89{width:89%}
.dwid-90{width:90%}
.dwid-91{width:91%}
.dwid-92{width:92%}
.dwid-93{width:93%}
.dwid-94{width:94%}
.dwid-95{width:95%}
.dwid-96{width:96%}
.dwid-97{width:97%}
.dwid-98{width:98%}
.dwid-99{width:99%}
.dwid-100{width:100%}



.dragon-404 { max-width: 760px; margin: 0 auto; padding: 32px 20px 64px; text-align: center; }
.dragon-404 .tag { display: inline-block; background: #c00; color: #fff; font-weight: 700; font-size: 15px; letter-spacing: 3px; padding: 6px 14px; margin: 18px 0; text-transform: uppercase; }
.dragon-404 h1 { font-family: "Arial Black", Impact, Arial, sans-serif; text-transform: uppercase; font-size: clamp(38px, 8vw, 84px); line-height: 1; margin-bottom: 12px; }
.dragon-404 .dek { font-size: clamp(16px, 3.4vw, 24px); margin-bottom: 26px; }
.dragon-404 img { width: 100%; max-width: 760px; height: auto; border: 4px solid #111; }
.dragon-404 .cap { font-size: 13px; color: #555; font-style: italic; margin: 8px 0 28px; }
.dragon-404 .home-btn { display: inline-block; background: #ffd400; color: #111; font-family: "Arial Black", Impact, Arial, sans-serif; font-size: 22px; letter-spacing: 1px; padding: 14px 38px; border: 4px solid #111; box-shadow: 6px 6px 0 #111; text-decoration: none; margin-bottom: 44px; text-transform: uppercase; }
.dragon-404 .lost { border-top: 3px double #111; padding-top: 26px; }
.dragon-404 .lost h2 { font-family: "Arial Black", Impact, Arial, sans-serif; font-size: clamp(20px, 4.4vw, 34px); margin-bottom: 16px; text-transform: uppercase; }
.dragon-404 .lost a { font-weight: 700; font-size: 18px; }



.news-view-toggle[hidden], .news-binge[hidden],
.news-binge-art[hidden], .news-binge-related[hidden] { display: none !important; }

main[data-homepage="true"] .news-view-toggle {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 17px;
  max-width: 840px;
  margin: 4px auto 13px;
}
.news-view-toggle button {
  appearance: none;
  min-height: 42px;
  padding: 9px 2px;
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--pop-muted, #46564d);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.news-view-toggle button[aria-pressed="true"] {
  border-bottom-color: var(--pop-ube, #5f37d6);
  background: transparent;
  color: var(--pop-forest, #15211b);
}
body.news-binge-active main[data-homepage="true"] > :not(.masthead):not(.news-view-toggle):not(.news-binge):not(.correction) {
  display: none !important;
}
#main .news-binge {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-height: min-content;
  width: min(100%, 840px);
  margin: 0 auto;
  scroll-margin-top: 12px;
}

body.news-binge-active #main .news-binge {
  position: relative;
  transform: translateY(var(--news-pull-offset, 0px));
}
body.news-binge-active #main .news-binge:not(.news-binge-pulling) {
  transition: transform 180ms ease-out;
}
.news-binge-pull-cue {
  display: none;
  position: absolute;
  z-index: 3;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font: 800 11px/1.2 var(--news-font, monospace);
  letter-spacing: .08em;
  color: var(--pop-muted, #46564d);
  pointer-events: none;
}
.news-binge-pulling .news-binge-pull-cue { display: block; }
.news-binge-pull-ready .news-binge-pull-cue { color: var(--pop-forest, #15211b); }
@media (prefers-reduced-motion: reduce) {
  body.news-binge-active #main .news-binge { transition: none !important; }
}
.news-binge-meta {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  gap: 14px;
  padding: 0 2px 9px;
  color: var(--pop-muted, #46564d);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
}
.news-binge-track {
  flex: 1 1 0;
  min-height: min-content;
  display: grid;
  grid-template-columns: minmax(28px, 6%) minmax(0, 1fr) minmax(28px, 6%);
  gap: 6px;
  align-items: stretch;
}

.news-binge-peek-prev { grid-column: 1; }
.news-binge-card { grid-column: 2; }
.news-binge-peek-next { grid-column: 3; }
.news-binge-peek {
  position: relative;
  display: block;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--pop-line, #cad4cd);
  border-radius: 15px;
  background: var(--pop-lilac, #eee8ff);
  color: var(--pop-forest, #15211b);
  cursor: pointer;
}
.news-binge-peek[data-news-tone="1"] { background: var(--pop-ice, #e8f4f7); }
.news-binge-peek[data-news-tone="2"] { background: #f3f6e8; }
.news-binge-peek[hidden], .news-binge-peek img[hidden],
.news-binge-peek-title[hidden] { display: none !important; }
.news-binge-peek img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-binge-peek-title {
  position: absolute;
  inset: 0;
  display: block;
  box-sizing: border-box;
  height: 100%;
  max-height: 740px;
  overflow: hidden;
  padding: 22px 9px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 14px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -.02em;
  text-align: start;
}
.news-binge-peek-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 4px 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .92);
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
}
.news-binge-peek:hover { filter: brightness(.96); }
.news-binge-peek:focus-visible {
  outline: 3px solid var(--pop-forest, #15211b);
  outline-offset: 2px;
}
.news-binge-card {
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  min-height: min-content;
  padding: clamp(12px, 2dvh, 24px);
  border: 1px solid var(--pop-line, #cad4cd);
  border-radius: 19px;
  background: var(--pop-lilac, #eee8ff);
  color: var(--pop-forest, #15211b);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.news-binge-card[data-news-tone="1"] { background: var(--pop-ice, #e8f4f7); }
.news-binge-card[data-news-tone="2"] { background: #f3f6e8; }
.news-binge-art {
  position: relative;
  width: 100%;
  flex: 1 1 0;
  min-height: 48px;
  margin: 0 auto 10px;
}
.news-binge-art img {
  position: absolute;
  inset: 0;
  display: block;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border-radius: 12px;
  object-fit: contain;
}
.news-binge-source {
  flex-shrink: 0;
  margin: 0 0 6px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
#main .news-binge-headline {
  flex-shrink: 0;
  font-size: clamp(22px, min(7.5vw, 4dvh), 44px);
  line-height: 1.06;
  letter-spacing: -.035em;
  max-width: 24ch;
  margin: 0 auto;
  overflow-wrap: anywhere;
}
#main .news-binge-headline a {
  color: inherit;
  text-decoration: none;
}

#main .news-binge-headline a::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 19px;
}
#main .news-binge-headline a:focus-visible::after {
  outline: 3px solid var(--pop-forest, #15211b);
  outline-offset: 2px;
}
.news-binge-related a,
.news-binge-action a {
  position: relative;
  z-index: 2;
}
#main .news-binge-headline a:hover,
#main .news-binge-headline a:focus-visible { text-decoration: underline; }
.news-binge-related {
  flex-shrink: 0;
  max-width: 600px;
  margin: 10px auto 0;
  font-size: clamp(13px, 1.6dvh, 16px);
  line-height: 1.3;
}
.news-binge-related a { color: inherit; }
.news-binge-action { flex-shrink: 0; margin: 12px 0 0; }
.news-binge-action a {
  display: inline-block;
  padding: 10px 17px;
  border-radius: 999px;
  background: var(--pop-forest, #15211b);
  color: white;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}

body.news-binge-active { padding-bottom: 0; }
.news-binge-controls {
  flex-shrink: 0;
  position: relative;
  z-index: 30;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  gap: 9px;
  margin: 0;
  padding: 6px 0 calc(6px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--pop-line, #cad4cd);
  background: var(--pop-paper, white);
}
.news-binge-controls button {
  flex: 1;
  min-width: 0;
  min-height: 44px;
  padding: 11px 12px;
  border: 1px solid var(--pop-line, #cad4cd);
  border-radius: 9px;
  background: white;
  color: var(--pop-forest, #15211b);
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}
.news-binge-controls button:last-child {
  border-color: var(--pop-ube, #5f37d6);
  background: var(--pop-ube, #5f37d6);
  color: white;
}
.news-binge-controls button:disabled { opacity: .32; cursor: default; }
.news-binge-hint {
  margin: 9px 0;
  color: var(--pop-muted, #46564d);
  text-align: right;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
}
.news-binge-hint button {
  color: inherit;
  border: 0;
  border-bottom: 1px solid currentColor;
  background: transparent;
  font: inherit;
  cursor: pointer;
}
@media (max-width: 700px) {
  main[data-homepage="true"] .news-view-toggle { margin: 0 0 10px; gap: 14px; }
  .news-view-toggle button { flex: 0 0 auto; padding: 10px 1px; font-size: 11px; }
  .news-binge-track { grid-template-columns: minmax(22px, 5%) minmax(0, 1fr) minmax(22px, 5%); gap: 3px; }
  .news-binge-peek { border-radius: 12px; }
  .news-binge-peek-title { padding: 14px 4px; font-size: 11px; }
  .news-binge-peek-arrow { font-size: 13px; padding: 3px; }
  .news-binge-card { border-radius: 16px; }
  .news-binge-controls button { padding: 11px 8px; }
}


body.news-binge-active > .page {
  height: 100vh;
  height: 100dvh;
  padding: 0;
}
body.news-binge-active > .page > footer { display: none; }
body.news-binge-active #main[data-homepage="true"] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  max-width: 1100px;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
}
body.news-binge-active #main[data-homepage="true"] .masthead {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: min(100%, 840px);
  margin: 0 auto;
  padding: 4px 10px;
  border-radius: 0 0 10px 10px;
}
body.news-binge-active #main[data-homepage="true"] .masthead :is(.masthead-tagline, .edition-meta) {
  display: none;
}
body.news-binge-active #main[data-homepage="true"] .masthead .logo {
  font-size: clamp(17px, 5vw, 26px);
  line-height: 1.1;
  transform: none;
}
body.news-binge-active #main[data-homepage="true"] .masthead .logo a { font-size: inherit; line-height: inherit; }
body.news-binge-active #main[data-homepage="true"] .masthead .slimnav {
  display: flex;
  width: auto;
  gap: 4px;
  margin: 0;
  padding: 0;
  border: 0;
}
body.news-binge-active #main[data-homepage="true"] .masthead .slimnav-files { width: auto; }
body.news-binge-active #main[data-homepage="true"] .masthead .slimnav > a,
body.news-binge-active #main[data-homepage="true"] .masthead .slimnav-files > summary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 40px;
  padding: 6px 8px;
  font-size: 11px;
  border: 0;
  border-radius: 7px;
  box-shadow: none;
  transform: none;
}
body.news-binge-active #main[data-homepage="true"] .masthead .slimnav-files-menu {
  z-index: 40;
  max-height: calc(100dvh - 60px);
  overflow-y: auto;
}
body.news-binge-active #main[data-homepage="true"] .news-view-toggle {
  flex: 0 0 auto;
  align-items: center;
  flex-wrap: nowrap;
  width: min(100%, 840px);
  gap: 12px;
  margin: 0 auto;
}
body.news-binge-active .news-binge-meta { margin-left: auto; padding: 0; white-space: nowrap; }
body.news-binge-active .news-binge-hint { margin: 0; white-space: nowrap; }
body:not(.news-binge-active) .news-view-toggle :is(.news-binge-meta, .news-binge-hint) { display: none; }





:root {
  --pop-forest: #15211b;
  --pop-lime: #d4fa59;
  --pop-ube: #5f37d6;
  --pop-lilac: #eee8ff;
  --pop-ice: #e8f4f7;
  --pop-paper: #ffffff;
  --pop-canvas: #f8f9f8;
  --pop-line: #cad4cd;
  --pop-muted: #46564d;
  --pop-head: "Bricolage Grotesque", "Arial Black", Arial, sans-serif;
  --pop-body: "Space Grotesk", Arial, Helvetica, sans-serif;
  --pop-mark: "Shrikhand", "Bricolage Grotesque", Georgia, serif;
  --ink: var(--pop-forest);
  --paper: var(--pop-paper);
  --accent: var(--pop-ube);
  --rule: var(--pop-line);
  --rule-light: #dae2dc;
  --muted: var(--pop-muted);
  --news-font: var(--pop-body);
  --micro-font: var(--pop-body);
  --display-font: var(--pop-head);
  --incident-paper: var(--pop-paper);
  --incident-ink: var(--pop-forest);
  --incident-red: var(--pop-ube);
  --incident-muted: var(--pop-muted);
  color-scheme: light;
}


html, body { color: var(--pop-forest); background: var(--pop-paper); }
body, body * { font-family: var(--pop-body) !important; }
body :is(h1, h2, h3, .siren-headline, .home-zimbo-card strong,
  .river-headline a, .story-link, .cartoon-title, .quote-text,
  .power-dek, .power-header h1, .incident-header h1, .doom-result-value,
  .dossier-title, .dossier-cover-title, .rank-name, .fp-meta strong) {
  font-family: var(--pop-head) !important;
}
body :is(.masthead .logo a, .site-wordmark, .publication-wordmark) {
  font-family: var(--pop-mark) !important;
  font-weight: 400 !important;
}
body { background: var(--pop-paper) !important; }
body :is(input, button, select, textarea, summary) { font-family: var(--pop-body) !important; }
:where(main, article, section, .page, .simple-page, .power-page, .doom-page,
  .incident-page, .quote-page, .quotes-index, .brief-page, .smoke-page,
  .dossier-page) { color: var(--pop-forest); }
:where(p, li, dd, blockquote) { overflow-wrap: break-word; }
:where(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid var(--pop-ube) !important;
  outline-offset: 3px;
}
:where(a) { text-underline-offset: .17em; }
:where(a:hover, a:focus-visible) { color: var(--pop-ube); }
:where(img) { max-width: 100%; }


.masthead {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  grid-template-areas: "logo nav" "tag meta";
  column-gap: clamp(16px, 2.8vw, 40px);
  row-gap: 2px;
  align-items: center;
  position: relative;
  text-align: left;
  background: var(--pop-lime);
  color: var(--pop-forest);
  border: 0;
  border-radius: 0 0 20px 20px;
  margin: 0 0 14px;
  padding: clamp(14px, 2vw, 23px) clamp(16px, 2.5vw, 30px);
}
.masthead .logo {
  grid-area: logo;
  display: block;
  min-width: 0;
  margin: 0;
  font-size: clamp(35px, 4.6vw, 74px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -.045em;
  text-align: left;
  text-transform: uppercase;
  transform: rotate(-.8deg);
  transform-origin: left center;
  white-space: nowrap;
}
.masthead .logo a {
  font-family: var(--pop-mark) !important;
  font-size: inherit;
  font-weight: 400 !important;
  line-height: inherit;
  letter-spacing: inherit;
  text-decoration: none !important;
  color: var(--pop-forest) !important;
}
.masthead .logo .ai {
  font-family: inherit !important;
  color: inherit;
}
.masthead .masthead-tagline {
  grid-area: tag;
  justify-self: start;
  margin: 3px 0 0 4px;
  padding: 0;
  color: var(--pop-forest);
  background: transparent;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: .04em;
  text-align: left;
}
.masthead .edition-meta {
  grid-area: meta;
  justify-self: end;
  margin: 0;
  color: var(--pop-forest) !important;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
  text-align: right;
}
.masthead .slimnav {
  grid-area: nav;
  display: flex;
  flex-wrap: nowrap;
  align-self: center;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 13px;
  letter-spacing: 0;
}
.masthead .slimnav > a,
.masthead .slimnav-files > summary {
  display: inline-block;
  padding: 9px 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--pop-forest) !important;
  box-shadow: none;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0;
  text-decoration: none;
  text-align: center;
  transform: none;
  transition: background .12s ease;
  white-space: nowrap;
}
.masthead .slimnav > a:hover,
.masthead .slimnav > a:focus-visible,
.masthead .slimnav-files > summary:hover,
.masthead .slimnav-files > summary:focus-visible {
  color: var(--pop-forest) !important;
  background: var(--pop-paper);
  box-shadow: none;
  transform: none;
}
.masthead .slimnav > a.slimnav-cartoons,
.masthead .slimnav > a.slimnav-cartoons:hover,
.masthead .slimnav > a.slimnav-cartoons:focus-visible {
  padding: 10px 18px;
  border: 2px solid var(--pop-forest);
  border-radius: 12px;
  background: var(--pop-ube);
  color: #fff !important;
  box-shadow: 3px 3px 0 var(--pop-forest);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
  transform: rotate(-1deg);
}

.masthead .masthead-subscribe { display: none; }
@media (max-width: 900px) {
  .masthead {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "logo" "tag" "meta" "nav";
    row-gap: 4px;
    border: 0;
    border-radius: 0 0 15px 15px;
    margin: 0 0 14px;
    padding: 16px 14px 15px;
  }
  .masthead .logo {
    font-size: clamp(29px, 7.4vw, 55px);
    line-height: 1.12;
    letter-spacing: -.045em;
    transform: rotate(-.6deg);
  }
  .masthead .masthead-tagline {
    justify-self: start;
    margin-top: 6px;
    font-size: 10px;
    text-align: left;
  }
  .masthead .edition-meta {
    justify-self: start;
    font-size: 10px;
    text-align: left;
  }
  .masthead .slimnav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: stretch;
    gap: 8px;
    width: 100%;
    margin-top: 9px;
    padding-top: 11px;
    border-top: 1px solid rgb(21 33 27 / .25);
  }
  .masthead .slimnav > a,
  .masthead .slimnav-files,
  .masthead .slimnav-files > summary { min-width: 0; width: 100%; }
  .masthead .slimnav > a,
  .masthead .slimnav-files > summary { padding: 9px 6px; font-size: 12px; }
  .masthead .slimnav > a.slimnav-cartoons,
  .masthead .slimnav > a.slimnav-cartoons:hover,
  .masthead .slimnav > a.slimnav-cartoons:focus-visible { padding: 9px 6px; font-size: 12px; }
}
@media (max-width: 360px) {
  .masthead { padding: 13px 10px; }
  .masthead .logo { font-size: clamp(28px, 7.2vw, 32px); }
  .masthead .slimnav { gap: 6px; }
  .masthead .slimnav > a, .masthead .slimnav-files > summary { font-size: 11px; }
}


#main[data-homepage="true"] {
  --ink: var(--pop-forest);
  --paper: var(--pop-paper);
  --accent: var(--pop-ube);
  color: var(--pop-forest);
  background: var(--pop-paper);
}
#main[data-homepage="true"] .masthead {
  background: var(--pop-lime);
  border: 0;
  border-radius: 0 0 20px 20px;
}
#main[data-homepage="true"] .masthead .logo a {
  font-family: var(--pop-mark) !important;
  font-size: inherit;
  font-weight: 400 !important;
}
#main[data-homepage="true"] .home-zimbo-kicker { color: var(--pop-ube); }
#main[data-homepage="true"] .home-zimbo-head h2 {
  font-family: var(--pop-head) !important;
  letter-spacing: -.05em;
}
#main[data-homepage="true"] .home-zimbo-all,
#main[data-homepage="true"] .home-news-head a {
  color: var(--pop-forest);
  text-underline-offset: 3px;
}
#main[data-homepage="true"] .home-zimbo-card img,
#main[data-homepage="true"] .story-cartoon-image {
  height: auto;
  border-color: var(--pop-line);
  background: white;
}

#main[data-homepage="true"] .home-zimbo-card img,
#main[data-homepage="true"] .story-cartoon-image,
.page .story-cartoon-image,
.cartoon-page .cartoon-full,
.cartoon-page .cartoon-list-thumb,
.cartoon-page .cartoon-more-card img,
.brief-page .brief-cartoon-image {
  border-radius: 10px;
}
#main[data-homepage="true"] .siren {
  background: var(--pop-lilac);
  border-radius: 19px;
  box-shadow: 5px 5px 0 var(--pop-forest);
  margin-right: 5px;
  margin-bottom: 32px;
}
#main[data-homepage="true"] .siren-headline {
  font-family: var(--pop-head) !important;
  letter-spacing: -.04em;
}
#main[data-homepage="true"] .home-news-head {
  border-color: var(--pop-forest);
  color: var(--pop-forest);
}
#main[data-homepage="true"] .river .river-link {
  color: var(--pop-forest);
  text-decoration: underline;
  text-decoration-color: rgb(21 33 27 / .36);
  text-decoration-thickness: 1px;
  text-underline-offset: .17em;
}
#main[data-homepage="true"] .river .river-link:hover,
#main[data-homepage="true"] .river .river-link:focus-visible {
  color: var(--pop-ube);
  text-decoration-color: currentColor;
}
#main[data-homepage="true"] .river-story,
#main[data-homepage="true"] .river-whisper {
  border-bottom-color: var(--pop-line);
}
#main[data-homepage="true"] .river .river-rels { color: var(--pop-muted); }


.page { color: var(--pop-forest); }
.page :is(.story-franchise, .river-franchise, .story-kicker) { color: var(--pop-ube); }
.page :is(.river-story, .story-group) { border-color: var(--pop-line); }
.page :is(.river-link, .story-link) { color: var(--pop-forest); }
.page :is(.river-link:hover, .story-link:hover) { color: var(--pop-ube); }


:is(.simple-page, .dossier-page, .power-page, .incident-page,
  .quote-page, .quotes-index, .brief-page, .smoke-page, .doom-page) {
  --ink: var(--pop-forest);
  --paper: var(--pop-paper);
  --accent: var(--pop-ube);
  --rule: var(--pop-line);
  --muted: var(--pop-muted);
  background: var(--pop-paper);
  color: var(--pop-forest);
}
:is(.incident-page, .power-page, .doom-page, .quote-page, .quotes-index,
  .brief-page, .smoke-page, .dossier-page) :where(h1, h2) {
  color: var(--pop-forest);
}
:is(.incident-header, .power-header, .quote-header, .quotes-index-header,
  .brief-header, .smoke-header) {
  border-top-color: var(--pop-lime);
  border-bottom-color: var(--pop-line);
}
:is(.incident-kicker, .power-kicker, .power-provocation, .quote-kind-label,
  .brief-kicker, .smoke-kicker) {
  background: var(--pop-ube);
  color: #fff;
  border-color: var(--pop-ube);
}
:is(.incident-header h1 span, .power-header h1 span, .quote-kicker,
  .brief-kicker, .power-next-update, .story-franchise,
  .quote-date-note) { color: var(--pop-ube); }
:is(.power-card, .incident-card) { border-color: var(--pop-line); }
.quote-figure { background: var(--pop-lilac); border-color: var(--pop-line); box-shadow: none; }
.quote-card { background: transparent; border-color: var(--pop-line); box-shadow: none; }
:is(.incident-feature, .power-index) { border-color: var(--pop-line); }
:is(.incident-updated, .incident-dek, .power-thesis,
  .doom-dek, .quotes-index-dek) { color: var(--pop-muted); }
:is(.power-index a, .incident-page a, .quote-page a, .brief-page a,
  .smoke-page a, .dossier-page a):hover { color: var(--pop-ube); }
.doom-page {
  --doom-ink: var(--pop-forest);
  --doom-muted: var(--pop-muted);
  --doom-line: var(--pop-line);
  --doom-wash: var(--pop-lilac);
}
.doom-header h1 span,
.doom-result-label { color: var(--pop-ube); }
.doom-result-value { color: var(--pop-forest); }
.doom-headline { border-bottom-color: var(--pop-line); }
.dossier-page .dossier-global-nav,
.simple-page .dossier-global-nav {
  background: var(--pop-forest);
  border-color: var(--pop-forest);
}
.dossier-page .dossier-global-nav .dossier-global-nav-primary,
.simple-page .dossier-global-nav .dossier-global-nav-primary {
  background: var(--pop-ube);
}
:is(.dossier-page, .topics-index-page, .topic-index-page)
  :is(.dossier-hero, .dossier-art, .topic-featured-art, .dossier-cover-art) {
  background: var(--pop-lilac);
}
:is(.dossier-page, .topics-index-page, .topic-index-page)
  :is(.dossier-kicker, .topic-kicker, .profile-kicker) { color: var(--pop-ube); }


:is(.publication-footer, footer) {
  border-color: var(--pop-line);
  color: var(--pop-forest);
}
:is(.publication-footer, footer) :where(a) { color: inherit; }
:is(.publication-footer, footer) :where(a:hover, a:focus-visible) { color: var(--pop-ube); }
:is(.footer-popular, .homepage-discovery) :where(h2, h3) {
  font-family: var(--pop-head) !important;
}
:where(button, [role="button"], summary) { cursor: pointer; }
:where(button, [role="button"]) { border-radius: 10px; }
:is(.consent-banner) {
  background: var(--pop-lilac);
  color: var(--pop-forest);
  border-color: var(--pop-forest);
}



.dossier-page[data-dossier-id],
.dossier-page.dossier-index {
  --ink: var(--pop-forest);
  --paper: var(--pop-paper);
  --accent: var(--pop-ube);
  --muted: var(--pop-muted);
  --rule-light: var(--pop-line);
  --dossier-pink: var(--pop-lilac);
  --dossier-sky: var(--pop-ice);
  background: var(--pop-paper);
  color: var(--pop-forest);
}
.dossier-page :is(.dossier-global-nav-primary, .dossier-kicker, .dossier-role-label) {
  color: var(--pop-ube);
}
.dossier-page .dossier-global-nav .dossier-global-nav-primary { color: #fff; }
.rogues-art,
.dossier-cast-entry:hover { background: var(--pop-lilac); }

.primer-page, .primer-index, .primer-reading {
  --ink: var(--pop-forest);
  --paper: var(--pop-paper);
  --accent: var(--pop-ube);
  background: var(--pop-paper);
  color: var(--pop-forest);
}
.primer-reading .primer-short-answer,
.primer-directory-tabloid,
.primer-exhibit,
.primer-reading .ma-chart {
  background: var(--pop-lilac) !important;
  border-color: var(--pop-forest) !important;
  box-shadow: 5px 5px 0 var(--pop-forest);
}
.primer-split article:last-child,
.primer-steel-men article:nth-child(even) {
  border-color: var(--pop-ube);
}
.primer-index .primer-directory a:hover { background: var(--pop-lime); }
.guide-shelf-art, .primer-binge-art,
.guide-new-card .guide-card-image img,
.guide-feature-card .guide-card-image img {
  background: var(--pop-lilac);
}

.quotes-player-head { background: var(--pop-lilac); border-color: var(--pop-line); }
.quotes-choice:hover:not(:disabled) { background: var(--pop-lime); }
.quotes-choice.is-wrong { background: var(--pop-lilac); border-color: var(--pop-ube); }

.quote-figure { background: var(--pop-lilac); border-color: var(--pop-line); box-shadow: none; }
.quote-card { background: transparent; border-color: var(--pop-line); box-shadow: none; }
.power-page {
  --accent: var(--pop-ube);
  --ink: var(--pop-forest);
}
.power-binge-number,
.power-binge-count span { color: var(--pop-ube); }
.power-jump-network button[data-power-binge-from-list],
.power-binge-controls button:last-child {
  background: var(--pop-ube);
  border-color: var(--pop-forest);
  color: #fff;
}
.incident-page .incident-kicker { background: var(--pop-ube); }
.incident-page .incident-header h1 span { color: var(--pop-ube); }


@media (max-width: 700px) {
  .masthead { border-radius: 0 0 14px 14px; padding: 12px 10px; }
  .masthead .logo a,
  #main[data-homepage="true"] .masthead .logo a {
    font-size: clamp(30px, 9.1vw, 53px);
    line-height: 1.08;
  }
  .slimnav { gap: 6px; }
  .slimnav a, .slimnav a:hover, .slimnav a:focus-visible {
    font-size: 11px;
    padding: 6px 9px;
    white-space: normal;
  }
  .slimnav a.slimnav-cartoons,
  .slimnav a.slimnav-cartoons:hover,
  .slimnav a.slimnav-cartoons:focus-visible {
    font-size: 13px;
    padding: 7px 12px;
  }
  #main[data-homepage="true"] .siren { box-shadow: 3px 3px 0 var(--pop-forest); margin-right: 3px; }
  #main[data-homepage="true"] .home-zimbo-head { flex-wrap: wrap; }
  #main[data-homepage="true"] .home-zimbo-all { white-space: nowrap; }
  :is(.simple-page, .dossier-page, .power-page, .doom-page, .incident-page)
    :where(h1, h2, h3) { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  .slimnav a, .slimnav a:hover, .slimnav a:focus-visible { transition: none; }
}


.slimnav-files { position: relative; }
.slimnav-files > summary {
  list-style: none; border: 1px solid var(--pop-forest); border-radius: 999px;
  padding: 7px 12px; font-size: 12px; font-weight: 700; letter-spacing: 0;
}
.slimnav-files > summary::after { content: ' +'; }
.slimnav-files[open] > summary::after { content: ' −'; }
.slimnav-files > summary::-webkit-details-marker { display: none; }
.slimnav-files-menu {
  position: absolute; z-index: 10; top: calc(100% + 8px); right: 0;
  width: min(240px, 80vw); padding: 8px; border: 1px solid var(--pop-forest);
  border-radius: 10px; background: var(--pop-paper); box-shadow: 3px 3px 0 var(--pop-lilac);
}
.masthead .slimnav-files-menu a {
  display: block; border: 0; border-radius: 4px; padding: 9px; white-space: normal;
}
.masthead .slimnav-files-menu a:hover { background: var(--pop-lilac); }
#main[data-homepage="true"] .siren {
  display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  align-items: center; gap: 24px; margin: 0 3px 26px 0; padding: 24px; text-align: left;
}
#main[data-homepage="true"] .siren-copy { min-width: 0; }
#main[data-homepage="true"] .siren-copy:only-child { grid-column: 1 / -1; }
#main[data-homepage="true"] .siren-headline {
  font-size: clamp(36px, 4.7vw, 68px); line-height: 1.02; margin: 0 0 14px;
}
#main[data-homepage="true"] .siren-headline a { color: var(--pop-forest); }
#main[data-homepage="true"] .siren-sub { font-size: 17px; font-weight: 400; line-height: 1.35; }
#main[data-homepage="true"] .siren-art { min-width: 0; }
#main[data-homepage="true"] .siren .group-image {
  width: auto; height: auto; max-width: 100%; max-height: 360px;
  margin: 0 auto; object-fit: contain;
}
#main[data-homepage="true"] .home-news-head { max-width: none; margin: 24px 0 8px; font-size: 20px; }
#main[data-homepage="true"] .river {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start;
  gap: 8px 26px; max-width: none; margin: 0;
}
#main[data-homepage="true"] .river-story,
#main[data-homepage="true"] .river-whisper { min-width: 0; padding: 16px 0; }
#main[data-homepage="true"] .river .shout-link { font-size: clamp(24px, 2.4vw, 32px); line-height: 1.12; }
#main[data-homepage="true"] .river .standard-link { font-size: clamp(20px, 1.8vw, 25px); line-height: 1.18; }
#main[data-homepage="true"] .river .river-rels {
  font-size: 14px; font-weight: 400; line-height: 1.4; margin: 7px 0 10px;
}
#main[data-homepage="true"] .river .river-art.story-cartoon-image {
  float: none; display: block; width: auto; height: auto;
  max-width: 100%; max-inline-size: 100%; max-height: 360px; max-block-size: 360px;
  margin: 12px auto 0; object-fit: contain;
}
#main[data-homepage="true"] .river .river-art:not(.story-cartoon-image) {
  float: right; max-width: 40%; max-height: 150px; margin: 10px 0 8px 12px;
}
#main[data-homepage="true"] .river .newsroom-sighting { display: none; }
#main[data-homepage="true"] .river-more,
#main[data-homepage="true"] .river-endcap { grid-column: 1 / -1; }
#main[data-homepage="true"] .home-zimbo {
  border-top: 2px solid var(--pop-forest); padding-top: 20px; margin-top: 30px;
}
#main[data-homepage="true"] .home-zimbo-head h2 { font-size: clamp(26px, 3vw, 40px); }
@media (min-width: 701px) and (max-width: 1050px) {
  #main[data-homepage="true"] .river { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  #main[data-homepage="true"] .siren { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 18px 14px; }
  #main[data-homepage="true"] .siren-headline { font-size: clamp(32px, 9vw, 48px); }
  #main[data-homepage="true"] .siren-sub { font-size: 15px; }
  #main[data-homepage="true"] .siren .group-image { max-height: 340px; }
  #main[data-homepage="true"] .river { grid-template-columns: minmax(0, 1fr); gap: 0; }
  #main[data-homepage="true"] .river .shout-link { font-size: 26px; }
  #main[data-homepage="true"] .river .standard-link { font-size: 22px; }
}



#main[data-homepage="true"] .river > .home-spotlight,
#main[data-homepage="true"] .river > .home-feature-strip {
  grid-column: 1 / -1;
  min-width: 0;
  break-inside: avoid;
  margin: 18px 0 24px;
}
#main[data-homepage="true"] .home-spotlight {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(16px, 3vw, 46px);
  align-items: center;
  padding: clamp(18px, 3vw, 38px);
  color: #fff;
  background: var(--pop-ube);
  border-radius: 19px;
}
#main[data-homepage="true"] .home-spotlight-copy { min-width: 0; }
#main[data-homepage="true"] .home-spotlight-kicker {
  color: var(--pop-lime);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
}
#main[data-homepage="true"] .home-spotlight h2 {
  margin: 16px 0 24px;
  font-family: var(--pop-head) !important;
  font-size: clamp(30px, 4.5vw, 66px);
  line-height: .99;
  letter-spacing: -.05em;
  overflow-wrap: anywhere;
}
#main[data-homepage="true"] .home-spotlight-read {
  display: inline-flex;
  gap: 14px;
  align-items: center;
  padding: 11px 15px;
  border-radius: 999px;
  background: var(--pop-lime);
  color: var(--pop-forest);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}
#main[data-homepage="true"] .home-spotlight-read:hover,
#main[data-homepage="true"] .home-spotlight-read:focus-visible {
  background: #fff;
  color: var(--pop-forest);
}
#main[data-homepage="true"] .home-spotlight-image {
  display: block;
  min-width: 0;
  text-align: center;
}
#main[data-homepage="true"] .home-spotlight-image img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 440px;
  margin: 0 auto;
  border-radius: 10px;
  background: white;
  object-fit: contain;
}
#main[data-homepage="true"] .home-feature-strip {
  padding: 12px 0 5px;
}
#main[data-homepage="true"] .home-feature-heading {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin: 0 0 14px;
  padding-top: 12px;
  border-top: 3px solid var(--pop-forest);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .07em;
}
#main[data-homepage="true"] .home-feature-heading strong {
  font-size: clamp(16px, 2vw, 24px);
  line-height: 1.05;
  letter-spacing: -.035em;
  text-align: end;
}
#main[data-homepage="true"] .home-feature-tiles {
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr;
  gap: 12px;
}
#main[data-homepage="true"] .home-feature-tile {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  min-height: 230px;
  gap: 16px;
  padding: clamp(16px, 2vw, 26px);
  border-radius: 15px;
  color: var(--pop-forest);
  text-decoration: none;
}
#main[data-homepage="true"] .home-feature-tile:hover strong,
#main[data-homepage="true"] .home-feature-tile:focus-visible strong {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: .1em;
}
#main[data-homepage="true"] .home-feature-power { background: var(--pop-lime); }
#main[data-homepage="true"] .home-feature-blotter { background: #ffaea2; }
#main[data-homepage="true"] .home-feature-guide { background: var(--pop-ice); }
#main[data-homepage="true"] .home-feature-kicker {
  font-size: 12px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: .11em;
}
#main[data-homepage="true"] .home-feature-tile strong {
  font-family: var(--pop-head) !important;
  font-size: clamp(24px, 2.8vw, 40px);
  line-height: 1.02;
  letter-spacing: -.05em;
  overflow-wrap: anywhere;
}
#main[data-homepage="true"] .home-feature-cta {
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}
@media (max-width: 700px) {
  #main[data-homepage="true"] .river > .home-spotlight,
  #main[data-homepage="true"] .river > .home-feature-strip {
    margin: 15px 0 18px;
  }
  #main[data-homepage="true"] .home-spotlight {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 20px 16px;
  }
  #main[data-homepage="true"] .home-spotlight h2 {
    font-size: clamp(29px, 9vw, 44px);
    margin: 8px 0 15px;
  }
  #main[data-homepage="true"] .home-spotlight-image img { max-height: 340px; }
  #main[data-homepage="true"] .home-feature-heading {
    display: block;
  }
  #main[data-homepage="true"] .home-feature-heading strong {
    display: block;
    margin-top: 5px;
    text-align: start;
  }
  #main[data-homepage="true"] .home-feature-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  #main[data-homepage="true"] .home-feature-tile {
    min-height: 174px;
    padding: 15px 12px;
    gap: 10px;
  }
  #main[data-homepage="true"] .home-feature-power {
    grid-column: 1 / -1;
    min-height: 156px;
  }
  #main[data-homepage="true"] .home-feature-tile strong { font-size: clamp(18px, 5vw, 29px); }
  #main[data-homepage="true"] .home-feature-power strong { font-size: clamp(28px, 8vw, 37px); }
  #main[data-homepage="true"] .home-feature-kicker,
  #main[data-homepage="true"] .home-feature-cta { font-size: 10px; }
}


@media (max-width: 900px) {
  #main[data-homepage="true"] .masthead {
    padding: 16px 14px 15px;
    margin: 0 0 14px;
    border: 0;
    border-radius: 0 0 15px 15px;
    background: var(--pop-lime);
  }
  #main[data-homepage="true"] .masthead .logo a {
    font-family: var(--pop-mark) !important;
    font-size: inherit;
    font-weight: 400 !important;
  }
}
@media (max-width: 360px) {
  #main[data-homepage="true"] .masthead { padding: 13px 10px; }
}


#main[data-homepage="true"] .river > .home-after-hours,
#main[data-homepage="true"] .river > .home-vault {
  grid-column: 1 / -1;
  min-width: 0;
  break-inside: avoid;
  margin: 22px 0 26px;
}
#main[data-homepage="true"] .home-after-hours {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
  gap: clamp(14px, 3vw, 38px);
  align-items: stretch;
  padding: clamp(18px, 2.5vw, 32px);
  background: var(--pop-forest);
  color: #fff;
  border-radius: 18px;
}
#main[data-homepage="true"] .home-after-hours-intro > span {
  color: var(--pop-lime);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .11em;
}
#main[data-homepage="true"] .home-after-hours-intro h2 {
  margin: 13px 0 0;
  color: #fff;
  font-family: var(--pop-head) !important;
  font-size: clamp(29px, 3.4vw, 48px);
  line-height: 1.03;
  letter-spacing: -.05em;
}
#main[data-homepage="true"] .home-after-hours-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
#main[data-homepage="true"] .home-after-hours-links a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  min-height: 210px;
  padding: clamp(14px, 2vw, 24px);
  gap: 16px;
  color: var(--pop-forest);
  text-decoration: none;
  border-radius: 11px;
}
#main[data-homepage="true"] .home-after-hours-links a:hover strong,
#main[data-homepage="true"] .home-after-hours-links a:focus-visible strong {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: .1em;
}
#main[data-homepage="true"] .home-after-hours-quotes { background: var(--pop-lime); }
#main[data-homepage="true"] .home-after-hours-doom { background: var(--pop-lilac); }
#main[data-homepage="true"] .home-after-hours-links span,
#main[data-homepage="true"] .home-after-hours-links small {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .035em;
}
#main[data-homepage="true"] .home-after-hours-links strong {
  font-family: var(--pop-head) !important;
  font-size: clamp(22px, 2.8vw, 38px);
  line-height: 1.04;
  letter-spacing: -.045em;
  overflow-wrap: anywhere;
}
#main[data-homepage="true"] .home-vault {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: clamp(16px, 3vw, 44px);
  align-items: center;
  padding: clamp(18px, 3vw, 36px);
  background: var(--pop-ice);
  border-radius: 18px;
  border-bottom: 6px solid var(--pop-lime);
}
#main[data-homepage="true"] .home-vault-image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: auto;
  height: auto;
  max-height: 400px;
  object-fit: contain;
  border-radius: 10px;
  background: #fff;
}
#main[data-homepage="true"] .home-vault-kicker {
  color: var(--pop-ube);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
}
#main[data-homepage="true"] .home-vault h2 {
  margin: 14px 0 24px;
  font-family: var(--pop-head) !important;
  font-size: clamp(29px, 4vw, 58px);
  line-height: 1.01;
  letter-spacing: -.05em;
  overflow-wrap: anywhere;
}
#main[data-homepage="true"] .home-vault-link {
  display: inline-block;
  color: var(--pop-forest);
  font-size: 13px;
  font-weight: 800;
  text-underline-offset: .2em;
}
#main[data-homepage="true"] .home-vault-link:hover { color: var(--pop-ube); }
#main[data-homepage="true"] .home-mobile-features { display: none; }


#main[data-homepage="true"] .river .newsroom-sighting {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  min-width: 0;
  height: 84px;
  margin: 9px 0 17px;
  padding: 0 6px;
  border-bottom: 1px solid var(--pop-line);
  pointer-events: none;
  overflow: hidden;
}
#main[data-homepage="true"] .river .newsroom-sighting::before {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: -7px;
  left: 10px;
  width: min(132px, 75%);
  height: 66px;
  background: var(--pop-ice);
  border-radius: 50% 50% 12px 12px;
  transform: rotate(-7deg);
}
#main[data-homepage="true"] .river .newsroom-sighting-buddy { justify-content: flex-end; }
#main[data-homepage="true"] .river .newsroom-sighting-buddy::before {
  left: auto;
  right: 8px;
  background: var(--pop-lime);
  transform: rotate(7deg);
}
#main[data-homepage="true"] .river .newsroom-sighting-issue { justify-content: center; }
#main[data-homepage="true"] .river .newsroom-sighting-issue::before {
  left: calc(50% - 58px);
  background: var(--pop-lilac);
  transform: rotate(-3deg);
}
#main[data-homepage="true"] .river .newsroom-sighting img {
  position: relative;
  z-index: 1;
  display: block;
  height: auto;
  width: auto;
  max-height: 83px;
  max-width: min(140px, 82%);
  object-fit: contain;
  object-position: center bottom;
}
@media (max-width: 700px) {
  
  #main[data-homepage="true"] .river > .home-after-hours,
  #main[data-homepage="true"] .river > .home-vault,
  #main[data-homepage="true"] .river .newsroom-sighting-late {
    display: none;
  }
  #main[data-homepage="true"] .home-mobile-features {
    display: block;
    margin: 18px 0;
  }
  #main[data-homepage="true"] .home-mobile-features > * + * {
    margin-top: 18px;
  }
  #main[data-homepage="true"] .home-after-hours {
    grid-template-columns: minmax(0, 1fr);
    padding: 20px 15px;
    gap: 14px;
  }
  #main[data-homepage="true"] .home-after-hours-intro h2 {
    font-size: clamp(27px, 8vw, 40px);
    margin-top: 5px;
  }
  #main[data-homepage="true"] .home-after-hours-links { gap: 8px; }
  #main[data-homepage="true"] .home-after-hours-links a {
    min-height: 170px;
    padding: 13px 11px;
    gap: 8px;
  }
  #main[data-homepage="true"] .home-after-hours-links strong {
    font-size: clamp(18px, 5vw, 27px);
  }
  #main[data-homepage="true"] .home-after-hours-links span,
  #main[data-homepage="true"] .home-after-hours-links small { font-size: 10px; }
  #main[data-homepage="true"] .home-vault {
    grid-template-columns: minmax(0, 1fr);
    gap: 15px;
    padding: 18px 14px;
  }
  #main[data-homepage="true"] .home-vault-image img { max-height: 330px; }
  #main[data-homepage="true"] .home-vault h2 {
    font-size: clamp(28px, 8vw, 42px);
    margin: 8px 0 15px;
  }
  #main[data-homepage="true"] .river .newsroom-sighting:not(.newsroom-sighting-late) {
    display: flex;
    height: 66px;
    margin: 4px 0 10px;
  }
  #main[data-homepage="true"] .river .newsroom-sighting::before {
    width: 105px;
    height: 49px;
  }
  #main[data-homepage="true"] .river .newsroom-sighting img { max-height: 65px; max-width: 108px; }
}



@media (max-width: 900px) {
  #main[data-homepage="true"] .masthead .slimnav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
:is(.incident-page, .doom-page, .brief-page, .smoke-page) > .slimnav,
.quotes-siteheader > .slimnav,
.dossier-global-nav,
.simple-page .dossier-global-nav,
.dossier-page .dossier-global-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px 15px;
  padding: 9px 6px;
  margin: 0 0 14px;
  background: var(--pop-paper);
  color: var(--pop-forest);
  border: 0;
  border-top: 4px solid var(--pop-lime);
  border-bottom: 1px solid var(--pop-line);
  border-radius: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}
:is(.incident-page, .doom-page, .brief-page, .smoke-page) > .slimnav > a,
.quotes-siteheader > .slimnav > a,
.dossier-global-nav > a,
.simple-page .dossier-global-nav > a,
.dossier-page .dossier-global-nav > a,
:is(.incident-page, .doom-page, .brief-page, .smoke-page) > .slimnav .slimnav-files > summary,
.quotes-siteheader > .slimnav .slimnav-files > summary,
.dossier-global-nav > .network-files > summary {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 7px 2px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--pop-forest) !important;
  box-shadow: none;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
  text-decoration: none;
  white-space: nowrap;
  transform: none;
}
:is(.incident-page, .doom-page, .brief-page, .smoke-page) > .slimnav > a.slimnav-cartoons,
.quotes-siteheader > .slimnav > a.slimnav-cartoons,
.dossier-global-nav > a[href="https://aicomicpage.com/"] {
  padding: 9px 14px;
  border: 0;
  border-radius: 8px;
  color: #fff !important;
  background: var(--pop-ube);
  box-shadow: none;
}
:is(.incident-page, .doom-page, .brief-page, .smoke-page) > .slimnav > a:hover,
.quotes-siteheader > .slimnav > a:hover,
.dossier-global-nav > a:hover,
:is(.incident-page, .doom-page, .brief-page, .smoke-page) > .slimnav .slimnav-files > summary:hover,
.quotes-siteheader > .slimnav .slimnav-files > summary:hover,
.dossier-global-nav > .network-files > summary:hover { color: var(--pop-ube) !important; }
:is(.incident-page, .doom-page, .brief-page, .smoke-page) > .slimnav > a.slimnav-cartoons:hover,
.quotes-siteheader > .slimnav > a.slimnav-cartoons:hover,
.dossier-global-nav > a[href="https://aicomicpage.com/"]:hover {
  color: #fff !important; background: var(--pop-forest);
}
.dossier-global-nav > * + * { border-inline-start: 0; }

:is(.incident-page, .doom-page, .brief-page, .smoke-page) > .slimnav .slimnav-files,
.quotes-siteheader > .slimnav .slimnav-files { position: relative; }
:is(.incident-page, .doom-page, .brief-page, .smoke-page) > .slimnav .slimnav-files-menu,
.quotes-siteheader > .slimnav .slimnav-files-menu {
  z-index: 25;
  max-height: min(420px, 75vh);
  overflow-y: auto;
  border: 1px solid var(--pop-line);
  background: var(--pop-paper);
}
:is(.incident-page, .doom-page, .brief-page, .smoke-page) > .slimnav .slimnav-files-menu > a,
.quotes-siteheader > .slimnav .slimnav-files-menu > a,
:is(.incident-page, .doom-page, .brief-page, .smoke-page) > .slimnav .slimnav-files-menu > span,
.quotes-siteheader > .slimnav .slimnav-files-menu > span {
  display: block;
  padding: 9px;
  margin: 0;
  border: 0;
  color: var(--pop-forest) !important;
  background: transparent;
  white-space: normal;
  text-decoration: none;
}
:is(.incident-page, .doom-page, .brief-page, .smoke-page) > .slimnav .slimnav-files-menu > a:hover,
.quotes-siteheader > .slimnav .slimnav-files-menu > a:hover,
:is(.incident-page, .doom-page, .brief-page, .smoke-page) > .slimnav .slimnav-files-menu > span[aria-current="page"],
.quotes-siteheader > .slimnav .slimnav-files-menu > span[aria-current="page"] { background: var(--pop-lilac); }

.dossier-global-nav .network-files { position: relative; }
.dossier-global-nav .network-files-menu,
.simple-page .dossier-global-nav .network-files-menu,
.dossier-page .dossier-global-nav .network-files-menu {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  z-index: 25;
  width: min(240px, 85vw);
  max-height: min(420px, 75vh);
  overflow-y: auto;
  padding: 7px;
  background: var(--pop-paper);
  border: 1px solid var(--pop-line);
  border-radius: 9px;
  box-shadow: 3px 3px 0 var(--pop-lilac);
}
.dossier-global-nav .network-files-menu > a,
.dossier-global-nav .network-files-menu > span,
.simple-page .dossier-global-nav .network-files-menu > a,
.simple-page .dossier-global-nav .network-files-menu > span,
.dossier-page .dossier-global-nav .network-files-menu > a,
.dossier-page .dossier-global-nav .network-files-menu > span {
  display: block;
  margin: 0;
  padding: 9px;
  color: var(--pop-forest) !important;
  border: 0;
  border-radius: 4px;
  background: transparent;
  text-decoration: none;
}
.dossier-global-nav .network-files-menu > a:hover,
.dossier-global-nav .network-files-menu > span[aria-current="page"] {
  background: var(--pop-lilac);
}
.quotes-siteheader {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 16px;
  padding: 7px 0;
  margin: 0 0 18px;
  border-bottom: 1px solid var(--pop-line);
}
.quotes-siteheader .logo {
  display: block;
  margin: 0;
  font-size: clamp(25px, 3vw, 40px);
  line-height: 1.15;
  transform: rotate(-.6deg);
  transform-origin: left center;
  white-space: normal;
}
.quotes-siteheader .logo a {
  font-family: var(--pop-mark) !important;
  font-weight: 400 !important;
  color: var(--pop-forest) !important;
}
.quotes-siteheader > .slimnav { flex: 1 1 auto; justify-content: flex-end; margin: 0; }
@media (max-width: 700px) {
  :is(.incident-page, .doom-page, .brief-page, .smoke-page) > .slimnav,
  .quotes-siteheader > .slimnav,
  .dossier-global-nav { justify-content: flex-start; gap: 6px 12px; }
  .quotes-siteheader > .slimnav { padding-top: 7px; }
}


.cartoon-page > .cartoon-network-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 14px;
  width: 100%;
  max-width: none;
  padding: 9px 12px;
  margin: 0 auto 12px;
  border: 0;
  border-top: 4px solid var(--pop-lime);
  border-bottom: 1px solid var(--pop-line);
  border-radius: 0;
  background: var(--pop-paper);
  color: var(--pop-forest);
}
.cartoon-page > .cartoon-network-nav > * + * { border-inline-start: 0; }
.cartoon-page > .cartoon-network-nav > a,
.cartoon-page > .cartoon-network-nav > .network-files > summary {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 7px 2px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--pop-forest) !important;
  text-decoration: none;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: none;
}
.cartoon-page > .cartoon-network-nav > a.cartoon-network-nav-primary {
  margin-inline-start: 0;
  padding: 9px 14px;
  border: 0;
  border-radius: 8px;
  box-shadow: none;
  background: var(--pop-ube);
  color: #fff !important;
}
.cartoon-page > .cartoon-network-nav > .network-files { position: relative; }
.cartoon-page > .cartoon-network-nav .network-files > summary { cursor: pointer; list-style: none; }
.cartoon-page > .cartoon-network-nav .network-files > summary::-webkit-details-marker { display: none; }
.cartoon-page > .cartoon-network-nav .network-files > summary::after { content: ' ▾'; }
.cartoon-page > .cartoon-network-nav .network-files-menu {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  z-index: 25;
  width: min(240px, 85vw);
  max-height: min(420px, 75vh);
  overflow-y: auto;
  padding: 7px;
  background: var(--pop-paper);
  border: 1px solid var(--pop-line);
  border-radius: 9px;
  box-shadow: 3px 3px 0 var(--pop-lilac);
}
.cartoon-page > .cartoon-network-nav .network-files-menu > a {
  display: block;
  padding: 9px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--pop-forest) !important;
  text-decoration: none;
}
.cartoon-page > .cartoon-network-nav .network-files-menu > a:hover { background: var(--pop-lilac); }
@media (max-width: 700px) { .cartoon-page > .cartoon-network-nav { justify-content: flex-start; } }


#main[data-homepage="true"] .home-night-shift {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 42px 0 26px;
  padding: clamp(22px, 3.4vw, 44px);
  border-radius: 27px;
  background:
    radial-gradient(ellipse at 91% 5%, #fff0b7 0, transparent 37%),
    radial-gradient(ellipse at 5% 90%, #fce1ed 0, transparent 40%),
    linear-gradient(135deg, #f8f2ff, #eef9f6 70%, #fef8df);
  color: var(--pop-forest);
}
#main[data-homepage="true"] .home-night-shift::before,
#main[data-homepage="true"] .home-night-shift::after {
  content: "✳";
  position: absolute;
  z-index: -1;
  font-family: var(--pop-head) !important;
  font-size: clamp(65px, 12vw, 145px);
  line-height: 1;
  color: var(--pop-ube);
  opacity: .13;
  pointer-events: none;
}
#main[data-homepage="true"] .home-night-shift::before { top: -28px; right: 13%; transform: rotate(14deg); }
#main[data-homepage="true"] .home-night-shift::after { bottom: 6px; left: 2%; color: #cf7196; transform: rotate(-11deg); }
#main[data-homepage="true"] .home-night-shift-head {
  position: relative;
  z-index: 1;
  max-width: 800px;
}
#main[data-homepage="true"] .home-night-shift-eyebrow {
  display: inline-block;
  padding: 7px 11px;
  border-radius: 999px;
  background: var(--pop-lime);
  font: 800 12px/1 var(--pop-body);
  letter-spacing: .07em;
  transform: rotate(-2deg);
}
#main[data-homepage="true"] .home-night-shift h2 {
  font-family: var(--pop-head) !important;
  margin: 12px 0 8px;
  font-size: clamp(32px, 5.5vw, 74px);
  line-height: .96;
  letter-spacing: -.055em;
}
#main[data-homepage="true"] .home-night-shift-head p {
  margin: 0;
  font-size: clamp(14px, 1.5vw, 18px);
  font-weight: 600;
}
#main[data-homepage="true"] .home-night-shift-cast {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(10px, 1.7vw, 22px);
  align-items: end;
  padding-top: 25px;
}
#main[data-homepage="true"] .night-shift-member {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  gap: 0;
  text-decoration: none;
  color: var(--pop-forest);
}
#main[data-homepage="true"] .night-shift-stage {
  display: flex;
  position: relative;
  width: 100%;
  height: clamp(156px, 18vw, 235px);
  justify-content: center;
  align-items: end;
  min-width: 0;
}
#main[data-homepage="true"] .night-shift-stage::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: min(94%, 260px);
  height: 76%;
  border-radius: 49% 51% 15% 15%;
  background: #d9f6f7;
  transform: rotate(-5deg);
}
#main[data-homepage="true"] .night-shift-buddy .night-shift-stage::before {
  background: #fff0ad;
  transform: rotate(5deg);
}
#main[data-homepage="true"] .night-shift-issue .night-shift-stage::before {
  background: #f8cfe0;
  transform: rotate(-2deg);
}
#main[data-homepage="true"] .night-shift-stage img {
  position: relative;
  display: block;
  max-width: 90%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 7px 3px rgb(21 33 27 / .13));
}
#main[data-homepage="true"] .night-shift-bubble {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 5px;
  width: min(100%, 270px);
  margin-top: -5px;
  padding: 14px 17px;
  border: 2px solid var(--pop-forest);
  border-radius: 17px 17px 18px 4px;
  background: #fff;
  box-shadow: 4px 5px 0 rgb(95 55 214 / .18);
  transform: rotate(-2deg);
}
#main[data-homepage="true"] .night-shift-buddy .night-shift-bubble {
  transform: rotate(2deg);
  border-radius: 17px 17px 4px 18px;
}
#main[data-homepage="true"] .night-shift-issue .night-shift-bubble { transform: rotate(-1deg); }
#main[data-homepage="true"] .night-shift-bubble strong {
  font-family: var(--pop-head) !important;
  font-size: clamp(21px, 2.3vw, 31px);
  line-height: 1.04;
}
#main[data-homepage="true"] .night-shift-bubble > span {
  color: var(--pop-ube);
  font-size: clamp(11px, 1.25vw, 15px);
  font-weight: 800;
}
#main[data-homepage="true"] .night-shift-bubble small {
  margin-top: 5px;
  font-size: 10px;
  letter-spacing: .06em;
  font-weight: 800;
}
#main[data-homepage="true"] .night-shift-member:hover .night-shift-bubble,
#main[data-homepage="true"] .night-shift-member:focus-visible .night-shift-bubble {
  background: var(--pop-lime);
  box-shadow: 5px 6px 0 rgb(95 55 214 / .35);
}
#main[data-homepage="true"] .home-night-shift-more {
  display: inline-block;
  margin-top: 23px;
  color: var(--pop-forest);
  font-size: 13px;
  font-weight: 800;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
@media (max-width: 700px) {
  #main[data-homepage="true"] .home-night-shift {
    margin: 24px 0 20px;
    padding: 24px 14px;
    border-radius: 17px;
  }
  #main[data-homepage="true"] .home-night-shift h2 { font-size: clamp(33px, 10vw, 46px); }
  #main[data-homepage="true"] .home-night-shift-cast {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 18px;
    padding-top: 13px;
  }
  #main[data-homepage="true"] .night-shift-stage { height: clamp(120px, 35vw, 177px); }
  #main[data-homepage="true"] .night-shift-bubble { padding: 10px 11px; }
  #main[data-homepage="true"] .night-shift-bubble strong { font-size: 20px; }
  #main[data-homepage="true"] .night-shift-bubble > span { font-size: 11px; }
  #main[data-homepage="true"] .night-shift-issue {
    grid-column: 1 / -1;
    width: 66%;
    justify-self: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  #main[data-homepage="true"] .night-shift-member * { transition: none; }
}



:root {
  --pop-rose-wash: #fde9f0;
  --pop-butter-wash: #fff4c9;
  --pop-sky-wash: #def4f5;
  --pop-play-shadow: rgb(95 55 214 / .16);
}


:is(.power-header, .incident-header, .doom-header, .quotes-index-header,
    .quote-header, .brief-header, .smoke-header, .dossier-header,
    .primer-header, .story-arc-header, .cartoon-page-header) {
  position: relative;
  isolation: isolate;
  min-width: 0;
  margin-block: 14px 23px;
  padding: clamp(20px, 3vw, 38px);
  border: 0;
  border-top: 4px solid var(--pop-lime);
  border-radius: 22px;
  background: radial-gradient(ellipse at 94% 9%, #fff 0, transparent 36%),
              linear-gradient(126deg, var(--pop-lilac), #fff 88%);
}
:is(.power-header, .incident-header, .doom-header, .quotes-index-header,
    .quote-header, .brief-header, .smoke-header, .dossier-header,
    .primer-header, .story-arc-header, .cartoon-page-header) :is(h1, h2, p) {
  position: relative;
  z-index: 1;
}

.power-header {
  background: radial-gradient(ellipse at 95% 4%, #fff 0, transparent 43%),
              linear-gradient(120deg, var(--pop-butter-wash), var(--pop-lime) 92%);
}
.incident-header, .smoke-header {
  background: radial-gradient(ellipse at 92% 0%, var(--pop-rose-wash) 0, transparent 51%),
              linear-gradient(116deg, var(--pop-lilac), #fff 92%);
}
.doom-header, .story-arc-header {
  background: radial-gradient(ellipse at 92% 16%, #fff 0, transparent 47%),
              linear-gradient(125deg, var(--pop-sky-wash), var(--pop-ice) 92%);
}
.quotes-index-header, .quote-header {
  background: radial-gradient(ellipse at 92% 8%, #fff 0, transparent 49%),
              linear-gradient(125deg, var(--pop-rose-wash), var(--pop-lilac) 96%);
}
.primer-header, .brief-header {
  background: radial-gradient(ellipse at 90% 2%, #fff 0, transparent 44%),
              linear-gradient(128deg, var(--pop-butter-wash), var(--pop-ice) 96%);
}
.dossier-header {
  background: radial-gradient(ellipse at 100% 0%, var(--pop-rose-wash) 0, transparent 42%),
              linear-gradient(135deg, var(--pop-ice), #fff 92%);
}
.cartoon-page-header {
  background: linear-gradient(124deg, var(--pop-lilac), #fff 87%);
}

.dossier-index > .dossier-directory-cover {
  position: relative;
  padding: clamp(16px, 3vw, 34px);
  border-radius: 20px;
  background: linear-gradient(130deg, var(--pop-butter-wash), #fff 92%);
}


:is(.power-header .power-kicker, .incident-header .incident-kicker,
    .smoke-header .brief-kicker, .brief-header .brief-kicker,
    .primer-header .primer-kicker, .dossier-header .dossier-kicker,
    .doom-header .doom-kicker, .quotes-index-header .quote-kicker,
    .quote-header .quote-kicker, .story-arc-header .story-arc-kicker) {
  display: inline-block;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 12px;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px 8px 8px 2px;
  background: var(--pop-ube);
  color: #fff;
  font: 800 12px/1.15 var(--pop-body);
  letter-spacing: .06em;
}


.dossier-header .dossier-portrait {
  position: relative;
  max-width: 100%;
  height: auto;
  border: 3px solid #fff;
  border-radius: 18px;
  background: var(--pop-lilac);
  box-shadow: 7px 8px 0 var(--pop-play-shadow);
  object-fit: contain;
}
:is(.rogues-art, .dossier-index .dossier-directory-pick-art,
    .dossier-page .dossier-hero-cartoon-frame, .guide-shelf-art,
    .guide-new-card .guide-card-image, .guide-feature-card .guide-card-image) {
  border-radius: 16px;
  background: var(--pop-lilac);
}
.dossier-index .dossier-directory-starter-grid > li:nth-child(3n + 2)
  .dossier-directory-pick-art,
.rogues-shelf > :nth-child(3n + 2) .rogues-art {
  background: var(--pop-sky-wash);
}
.dossier-index .dossier-directory-starter-grid > li:nth-child(3n)
  .dossier-directory-pick-art,
.rogues-shelf > :nth-child(3n) .rogues-art {
  background: var(--pop-butter-wash);
}
.rogues-feature {
  border: 0;
  border-radius: 20px;
  padding: clamp(14px, 2.4vw, 27px);
  background: linear-gradient(120deg, var(--pop-sky-wash), #fff 90%);
}
.rogues-feature .rogues-art { border-radius: 13px; }
.rogues-feature .rogues-art img { object-fit: contain; }


.incident-feature {
  border: 0;
  border-radius: 20px;
  padding: clamp(14px, 2.5vw, 30px);
  background: linear-gradient(120deg, var(--pop-sky-wash), var(--pop-lilac) 95%);
}
.incident-feature .incident-hero img {
  border: 0;
  border-radius: 13px;
  background: #fff;
  object-fit: contain;
}
.power-movers {
  padding: clamp(15px, 2vw, 25px);
  border-radius: 18px;
  background: linear-gradient(120deg, var(--pop-lilac), #fff 95%);
}
.power-card .power-portrait {
  border-radius: 13px;
  background: var(--pop-butter-wash);
  object-fit: contain;
}
.power-card:nth-of-type(3n + 2) .power-portrait { background: var(--pop-lilac); }
.power-card:nth-of-type(3n) .power-portrait { background: var(--pop-sky-wash); }
.primer-hero-cartoon {
  padding: clamp(10px, 2vw, 24px);
  border-radius: 20px;
  background: linear-gradient(122deg, var(--pop-lilac), var(--pop-ice));
}
.primer-hero-cartoon img {
  max-width: 100%;
  height: auto;
  border: 0;
  border-radius: 12px;
  object-fit: contain;
}
.quote-figure {
  border-radius: 17px;
  background: var(--pop-lilac);
  box-shadow: 4px 5px 0 var(--pop-play-shadow);
}

.quotes-index .quote-card {
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.smoke-reading-room .smoke-cover {
  border-radius: 14px;
  background: var(--pop-sky-wash);
}
.smoke-up-next .smoke-item:nth-child(even) .smoke-cover {
  background: var(--pop-rose-wash);
}
.story-arc-directory .story-arc-card {
  border: 1px solid var(--pop-line);
  border-radius: 17px;
  background: var(--pop-lilac);
  overflow: hidden;
}
.story-arc-directory .story-arc-card:nth-child(3n + 2) { background: var(--pop-butter-wash); }
.story-arc-directory .story-arc-card:nth-child(3n) { background: var(--pop-sky-wash); }
.story-arc-directory .story-arc-card img {
  width: 100%;
  height: auto;
  max-height: 240px;
  object-fit: contain;
  border: 0;
  background: #fff;
  border-radius: 10px;
}

@media (max-width: 700px) {
  :is(.power-header, .incident-header, .doom-header, .quotes-index-header,
      .quote-header, .brief-header, .smoke-header, .dossier-header,
      .primer-header, .story-arc-header, .cartoon-page-header) {
    padding: 20px 14px;
    margin-block: 12px 18px;
    border-radius: 15px;
  }
  .dossier-header-has-portrait { gap: 10px; }
  .dossier-header .dossier-portrait { box-shadow: 3px 4px 0 var(--pop-play-shadow); }
  .rogues-feature, .incident-feature { padding: 14px; border-radius: 13px; }
}



:is(.best-of-page .best-of-h1, .roast-page .roast-h1, .mm-page .mm-h1) {
  display: block;
  margin: 16px 0 12px;
  padding: clamp(22px, 4vw, 42px);
  border-top: 4px solid var(--pop-forest);
  border-radius: 20px;
  background: linear-gradient(123deg, var(--pop-butter-wash), var(--pop-lilac) 82%, #fff);
  color: var(--pop-forest);
  text-wrap: balance;
}
.roast-page .roast-h1 {
  background: linear-gradient(125deg, var(--pop-rose-wash), var(--pop-lilac) 86%, #fff);
}
.mm-page .mm-h1 {
  background: linear-gradient(122deg, var(--pop-sky-wash), var(--pop-lilac) 84%, #fff);
}
.best-of-page .best-of-card,
.best-of-rail .best-of-rail-card:not(.best-of-rail-cta) {
  border-radius: 13px;
  background: var(--pop-lilac);
  overflow: hidden;
}
.best-of-page .best-of-card:nth-child(3n + 2),
.best-of-rail .best-of-rail-card:nth-child(3n + 2) {
  background: var(--pop-butter-wash);
}
.best-of-page .best-of-card:nth-child(3n) { background: var(--pop-sky-wash); }
.best-of-page .best-of-thumb,
.best-of-rail .best-of-rail-thumb {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.roast-image-link, .mm-image-link {
  display: block;
  max-width: 100%;
  border-radius: 14px;
  background: var(--pop-lilac);
}
.roast-image-link img, .mm-image-link img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.entertainment-cover {
  border: 0;
  border-top: 4px solid var(--pop-lime);
  border-radius: 20px;
  padding: clamp(20px, 3vw, 35px);
  background: linear-gradient(124deg, var(--pop-sky-wash), var(--pop-butter-wash) 90%);
}
.entertainment-art {
  padding: clamp(10px, 1.5vw, 20px);
  border-radius: 17px;
  background: var(--pop-lilac);
}
.entertainment-art img {
  height: auto;
  max-width: 100%;
  object-fit: contain;
  border: 0;
  border-radius: 9px;
  background: white;
}
@media (max-width: 700px) {
  :is(.best-of-page .best-of-h1, .roast-page .roast-h1,
      .mm-page .mm-h1, .entertainment-cover) {
    padding: 18px 13px;
    border-radius: 13px;
  }
  .entertainment-art { padding: 9px; border-radius: 12px; }
}




:root {
  --poster-ink: #15211b;
  --poster-lime: #d4fa59;
  --poster-purple: #5f37d6;
  --poster-pink: #ffbad0;
  --poster-blue: #c7efff;
  --poster-butter: #ffe48c;
}


#main[data-homepage="true"] .home-feature-heading {
  display: block;
  border: 0;
  margin: 0 0 12px;
  padding: 0 0 10px;
}
#main[data-homepage="true"] .home-feature-heading > span {
  display: inline-block;
  padding: 7px 11px;
  background: var(--poster-purple);
  color: #fff;
  border-radius: 6px 6px 6px 1px;
}
#main[data-homepage="true"] .home-feature-heading strong {
  display: block;
  margin-top: 7px;
  font: 800 clamp(28px, 4vw, 52px)/.93 var(--pop-head);
  letter-spacing: -.05em;
  text-align: start;
}
#main[data-homepage="true"] .home-feature-tiles {
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: clamp(10px, 1.5vw, 20px);
}
#main[data-homepage="true"] .home-feature-tile {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(100px, .85fr);
  grid-template-rows: auto 1fr auto;
  align-content: stretch;
  min-height: clamp(280px, 24vw, 368px);
  padding: clamp(17px, 2vw, 28px);
  border: 2px solid var(--poster-ink);
  border-radius: 24px;
  box-shadow: 5px 6px 0 var(--poster-ink);
  gap: 12px 6px;
}
#main[data-homepage="true"] .home-feature-power { background: var(--poster-lime); }
#main[data-homepage="true"] .home-feature-blotter { background: var(--poster-pink); }
#main[data-homepage="true"] .home-feature-guide { background: var(--poster-blue); }
#main[data-homepage="true"] .home-feature-tile::before {
  content: "";
  position: absolute;
  width: 58%;
  aspect-ratio: 1;
  right: -10%;
  bottom: 2%;
  z-index: -1;
  border-radius: 44% 56% 61% 39%;
  background: rgb(255 255 255 / .52);
  transform: rotate(-16deg);
}
#main[data-homepage="true"] .home-feature-kicker {
  grid-column: 1 / -1;
  grid-row: 1;
  justify-self: start;
  padding: 7px 10px;
  border-radius: 7px;
  background: var(--poster-ink);
  color: #fff;
  font-size: 11px;
  letter-spacing: .08em;
}
#main[data-homepage="true"] .home-feature-art {
  grid-column: 2;
  grid-row: 2 / 4;
  align-self: end;
  justify-self: center;
  display: flex;
  align-items: end;
  justify-content: center;
  width: 100%;
  max-width: 225px;
  min-width: 0;
  min-height: 120px;
}
#main[data-homepage="true"] .home-feature-art img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 230px;
  object-fit: contain;
  filter: drop-shadow(5px 9px 0 rgb(21 33 27 / .15));
}
#main[data-homepage="true"] .home-feature-tile strong {
  grid-column: 1;
  grid-row: 2;
  align-self: center;
  font: 800 clamp(28px, 3vw, 46px)/.94 var(--pop-head) !important;
  letter-spacing: -.055em;
  text-wrap: balance;
}
#main[data-homepage="true"] .home-feature-cta {
  grid-column: 1;
  grid-row: 3;
  align-self: end;
  font-size: 12px;
  padding-block: 9px;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#main[data-homepage="true"] .home-feature-tile:focus-visible {
  outline: 4px solid var(--poster-purple);
  outline-offset: 9px;
}


#main[data-homepage="true"] .home-after-hours {
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  min-height: 345px;
  overflow: hidden;
  border: 2px solid var(--poster-ink);
  border-radius: 24px;
  background: var(--poster-ink);
  padding: clamp(19px, 3vw, 39px);
}
#main[data-homepage="true"] .home-after-hours-intro { position: relative; min-width: 0; }
#main[data-homepage="true"] .home-after-hours-intro h2 {
  position: relative;
  z-index: 1;
  max-width: 11ch;
  font-size: clamp(37px, 4vw, 60px);
  letter-spacing: -.07em;
}
#main[data-homepage="true"] .home-after-hours-mascot {
  position: absolute;
  bottom: -25px;
  right: 1%;
  display: block;
  width: auto;
  height: auto;
  max-height: 175px;
  max-width: 58%;
  object-fit: contain;
  filter: drop-shadow(0 9px 0 rgb(212 250 89 / .18));
  pointer-events: none;
}
#main[data-homepage="true"] .home-after-hours-links a {
  min-height: 280px;
  border-radius: 18px;
  border: 2px solid white;
  gap: 12px;
}
#main[data-homepage="true"] .home-after-hours-quotes { background: var(--poster-butter); }
#main[data-homepage="true"] .home-after-hours-doom { background: #e3d5ff; }
#main[data-homepage="true"] .home-after-hours-links strong {
  font-size: clamp(24px, 3.5vw, 49px);
  letter-spacing: -.065em;
}
#main[data-homepage="true"] .home-after-hours-links small {
  text-decoration: underline;
  text-underline-offset: 3px;
}


#main[data-homepage="true"] .home-spotlight {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 390px;
  border-radius: 28px;
  border: 2px solid var(--poster-ink);
  background: #4c29b8;
  box-shadow: 7px 8px 0 var(--poster-lime);
}
#main[data-homepage="true"] .home-spotlight::before {
  content: "✳";
  position: absolute;
  top: -40px;
  left: 25%;
  z-index: -1;
  color: var(--poster-lime);
  font: 800 clamp(150px, 20vw, 320px)/1 var(--pop-head);
  opacity: .24;
  pointer-events: none;
}
#main[data-homepage="true"] .home-spotlight h2 {
  font-size: clamp(40px, 5.8vw, 91px);
  letter-spacing: -.075em;
  text-wrap: balance;
}
#main[data-homepage="true"] .home-spotlight-image {
  padding: clamp(9px, 1.2vw, 16px);
  border-radius: 15px;
  background: #fff;
  transform: rotate(1.5deg);
  box-shadow: 7px 8px 0 rgb(21 33 27 / .35);
}
#main[data-homepage="true"] .home-spotlight-image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 450px;
  border-radius: 8px;
  object-fit: contain;
}

#main[data-homepage="true"] .home-night-shift {
  border: 2px solid var(--poster-ink);
  border-radius: 30px;
  padding: clamp(24px, 4vw, 54px);
  background: radial-gradient(circle at 87% 9%, #ffe9a7 0, transparent 40%),
              radial-gradient(circle at 4% 83%, #ffc6df 0, transparent 41%),
              #e5e3ff;
}
#main[data-homepage="true"] .home-night-shift h2 {
  max-width: 14ch;
  font-size: clamp(48px, 8vw, 112px);
  letter-spacing: -.075em;
}
#main[data-homepage="true"] .home-night-shift-cast {
  grid-template-columns: 1.25fr .9fr .9fr;
  align-items: end;
  gap: clamp(14px, 2.8vw, 38px);
  padding-top: 25px;
}
#main[data-homepage="true"] .night-shift-stage {
  height: clamp(205px, 20vw, 340px);
}
#main[data-homepage="true"] .night-shift-merv .night-shift-stage {
  height: clamp(255px, 25vw, 395px);
}
#main[data-homepage="true"] .night-shift-stage::before {
  border: 4px solid white;
  border-radius: 50% 50% 25% 25%;
  width: min(98%, 330px);
  height: 80%;
  background: #c8f1fb;
  box-shadow: 8px 8px 0 rgb(95 55 214 / .23);
}
#main[data-homepage="true"] .night-shift-buddy .night-shift-stage::before { background: var(--poster-lime); }
#main[data-homepage="true"] .night-shift-issue .night-shift-stage::before { background: var(--poster-pink); }
#main[data-homepage="true"] .night-shift-stage img { max-height: 95%; }
#main[data-homepage="true"] .night-shift-bubble {
  border: 3px solid var(--poster-ink);
  box-shadow: 7px 8px 0 rgb(95 55 214 / .23);
  padding: clamp(14px, 1.8vw, 23px);
  border-radius: 20px 20px 22px 4px;
}
#main[data-homepage="true"] .night-shift-bubble strong {
  font-size: clamp(30px, 3.2vw, 48px);
}
#main[data-homepage="true"] .night-shift-merv .night-shift-bubble {
  background: var(--poster-lime);
  transform: rotate(-3deg);
}
#main[data-homepage="true"] .night-shift-buddy .night-shift-bubble { background: #fff0c5; }
#main[data-homepage="true"] .night-shift-issue .night-shift-bubble { background: #fff; }


:where(.incident-page, .doom-page, .quotes-index) .desk-cover {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(190px, .72fr);
  gap: clamp(9px, 2.5vw, 36px);
  align-items: center;
  min-height: 310px;
  overflow: hidden;
  text-align: left;
  border: 3px solid var(--poster-ink);
  border-radius: 25px;
  padding: clamp(18px, 3vw, 40px);
}
:where(.incident-page, .doom-page, .quotes-index) .desk-cover-copy {
  min-width: 0;
  position: relative;
  z-index: 1;
}
:where(.incident-page, .doom-page, .quotes-index) .desk-cover-copy > :first-child {
  margin-top: 0;
}
:where(.incident-page, .doom-page, .quotes-index) .desk-cover-figure {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  min-width: 0;
  min-height: 260px;
  padding-top: 12px;
}
:where(.incident-page, .doom-page, .quotes-index) .desk-cover-halo {
  position: absolute;
  z-index: -1;
  bottom: 12px;
  left: 0;
  width: 100%;
  height: 85%;
  border: 4px solid #fff;
  border-radius: 50% 42% 25% 21%;
  background: rgb(255 255 255 / .54);
  transform: rotate(8deg);
  box-shadow: 8px 9px 0 rgb(21 33 27 / .13);
}
:where(.incident-page, .doom-page, .quotes-index) .desk-cover-figure img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 265px;
  object-fit: contain;
  filter: drop-shadow(5px 7px 0 rgb(21 33 27 / .13));
}
:where(.incident-page, .doom-page, .quotes-index) .desk-cover-callout {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: -5px;
  padding: 9px 15px;
  border: 2px solid var(--poster-ink);
  border-radius: 9px;
  background: var(--poster-lime);
  color: var(--poster-ink);
  font: 800 clamp(13px, 1.4vw, 18px)/1.1 var(--pop-body);
  letter-spacing: .04em;
  transform: rotate(-3deg);
  white-space: nowrap;
}
.incident-page .desk-cover-incident {
  background: linear-gradient(125deg, #ffc4d9, #f6e5ff 72%, #e4e1ff);
}
.doom-page .desk-cover-doom {
  background: linear-gradient(128deg, #e8efff, #c7efff 85%);
}
.quotes-index .desk-cover-quotes {
  background: linear-gradient(125deg, #ffe294, #fce4fd 83%);
}
.incident-page .desk-cover-incident h1,
.doom-page .desk-cover-doom h1,
.quotes-index .desk-cover-quotes h1 {
  margin-block: 11px;
  font: 800 clamp(47px, 6vw, 91px)/.87 var(--pop-head);
  letter-spacing: -.065em;
  text-wrap: balance;
}
.incident-page .desk-cover-incident .incident-dek,
.doom-page .desk-cover-doom .doom-dek,
.quotes-index .desk-cover-quotes .quotes-index-dek {
  max-width: 48ch;
  margin-inline: 0;
}
.incident-page .desk-cover-incident :is(.incident-kicker,.incident-updated),
.doom-page .desk-cover-doom .doom-kicker,
.quotes-index .desk-cover-quotes .quote-kicker {
  color: var(--poster-ink);
}
.quotes-index .desk-cover-quotes .quote-kicker {
  background: var(--poster-purple);
  color: #fff;
}
.quotes-index .desk-cover-quotes em,
.doom-page .desk-cover-doom h1 span { color: var(--poster-purple); }


.power-page .power-cover {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 315px;
  border: 3px solid var(--poster-ink);
  border-radius: 26px;
  padding: clamp(24px, 4vw, 49px);
  background: linear-gradient(125deg, var(--poster-lime), #e6ffa5 65%, #fff1b9);
  text-align: left;
}
.power-page .power-cover::before {
  content: attr(data-rank-size);
  position: absolute;
  z-index: -1;
  top: -8%;
  right: -1%;
  color: var(--poster-purple);
  font: 800 clamp(180px, 24vw, 390px)/1 var(--pop-head);
  letter-spacing: -.1em;
  opacity: .17;
  pointer-events: none;
}
.power-page .power-cover > :is(h1, p, button) {
  position: relative;
  z-index: 1;
  max-width: 75%;
  margin-left: 0;
  margin-right: 0;
}
.power-page .power-cover h1 {
  font: 800 clamp(60px, 7vw, 122px)/.86 var(--pop-head);
  letter-spacing: -.07em;
}
.power-page .power-cover .power-kicker,
.power-page .power-cover .power-provocation {
  display: inline-block;
  padding: 8px 11px;
  border-radius: 8px;
  background: var(--poster-purple);
  color: #fff;
}
.power-page .power-cover .power-dek {
  font: 800 clamp(27px, 3.4vw, 52px)/.98 var(--pop-head);
  letter-spacing: -.045em;
}
.power-page .power-cover .power-thesis { max-width: 58ch; }
.power-page .power-cover .power-provocation {
  color: var(--poster-ink);
  background: #fff;
}
@media (max-width: 700px) {
  #main[data-homepage="true"] .home-feature-tiles { gap: 10px; }
  #main[data-homepage="true"] .home-feature-tile {
    min-height: 225px;
    padding: 14px 12px;
    border-radius: 15px;
    box-shadow: 3px 4px 0 var(--poster-ink);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(82px, 1fr) auto auto;
    gap: 6px;
  }
  #main[data-homepage="true"] .home-feature-power {
    grid-template-columns: minmax(0, 1fr) minmax(110px, 37%);
    grid-template-rows: auto 1fr auto;
    min-height: 216px;
  }
  #main[data-homepage="true"] .home-feature-tile:not(.home-feature-power) .home-feature-art {
    grid-column: 1;
    grid-row: 2;
    max-height: 95px;
    min-height: 0;
    justify-self: end;
  }
  #main[data-homepage="true"] .home-feature-tile:not(.home-feature-power) .home-feature-art img {
    max-height: 95px;
  }
  #main[data-homepage="true"] .home-feature-power .home-feature-art {
    grid-column: 2;
    grid-row: 2 / 4;
  }
  #main[data-homepage="true"] .home-feature-tile:not(.home-feature-power) strong {
    grid-column: 1;
    grid-row: 3;
    font-size: clamp(18px, 4.8vw, 26px) !important;
  }
  #main[data-homepage="true"] .home-feature-tile:not(.home-feature-power) .home-feature-cta {
    grid-column: 1;
    grid-row: 4;
  }
  #main[data-homepage="true"] .home-feature-power strong { font-size: clamp(27px, 8vw, 42px) !important; }
  #main[data-homepage="true"] .home-feature-kicker { font-size: 10px; }
  #main[data-homepage="true"] .home-spotlight {
    min-height: 0;
    border-radius: 17px;
    box-shadow: 4px 5px 0 var(--poster-lime);
  }
  #main[data-homepage="true"] .home-spotlight h2 { font-size: clamp(35px, 10vw, 53px); }
  #main[data-homepage="true"] .home-spotlight-image { transform: rotate(.5deg); }
  #main[data-homepage="true"] .home-after-hours { display: grid; grid-template-columns: 1fr; min-height: 0; border-radius: 17px; }
  #main[data-homepage="true"] .home-after-hours-intro { min-height: 140px; }
  #main[data-homepage="true"] .home-after-hours-intro h2 { font-size: clamp(36px, 9vw, 47px); max-width: 10ch; }
  #main[data-homepage="true"] .home-after-hours-mascot { max-height: 125px; max-width: 40%; right: 0; bottom: -8px; }
  #main[data-homepage="true"] .home-after-hours-links a { min-height: 160px; padding: 12px 10px; }
  #main[data-homepage="true"] .home-after-hours-links strong { font-size: clamp(20px, 5vw, 29px); }
  #main[data-homepage="true"] .home-night-shift { padding: 22px 14px; border-radius: 19px; }
  #main[data-homepage="true"] .home-night-shift h2 { font-size: clamp(41px, 11vw, 56px); }
  #main[data-homepage="true"] .home-night-shift-cast { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 10px; }
  #main[data-homepage="true"] .night-shift-merv { grid-column: 1 / -1; width: 100%; max-width: 330px; justify-self: center; }
  #main[data-homepage="true"] .night-shift-merv .night-shift-stage { height: 235px; }
  #main[data-homepage="true"] .night-shift-issue { grid-column: auto; width: 100%; justify-self: stretch; }
  #main[data-homepage="true"] .night-shift-stage { height: 157px; }
  #main[data-homepage="true"] .night-shift-bubble { padding: 11px; }
  #main[data-homepage="true"] .night-shift-bubble strong { font-size: 24px; }
  #main[data-homepage="true"] .night-shift-merv .night-shift-bubble strong { font-size: 31px; }
  :where(.incident-page, .doom-page, .quotes-index) .desk-cover {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 8px;
    border-radius: 17px;
    padding: 20px 15px;
  }
  :where(.incident-page, .doom-page, .quotes-index) .desk-cover-figure {
    min-height: 132px;
    max-height: 165px;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    padding: 0;
  }
  :where(.incident-page, .doom-page, .quotes-index) .desk-cover-halo {
    width: 165px;
    height: 110px;
    left: auto;
    right: 13px;
    bottom: 0;
  }
  :where(.incident-page, .doom-page, .quotes-index) .desk-cover-figure img { max-height: 160px; max-width: 47%; }
  :where(.incident-page, .doom-page, .quotes-index) .desk-cover-callout {
    align-self: end;
    margin-bottom: 17px;
    margin-left: -24px;
    padding: 8px;
    font-size: 11px;
  }
  .incident-page .desk-cover-incident h1,
  .doom-page .desk-cover-doom h1,
  .quotes-index .desk-cover-quotes h1 { font-size: clamp(39px, 11vw, 65px); }
  .power-page .power-cover {
    min-height: 0;
    border-radius: 17px;
    padding: 20px 15px;
  }
  .power-page .power-cover > :is(h1,p,button) { max-width: 100%; }
  .power-page .power-cover::before { font-size: 190px; top: 1%; right: -8%; opacity: .1; }
  .power-page .power-cover h1 { font-size: clamp(49px, 13vw, 76px); }
  .power-page .power-cover .power-dek { font-size: clamp(24px, 7vw, 38px); }
}


@media (min-width: 701px) and (max-width: 1050px) {
  
  #main[data-homepage="true"] .home-feature-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #main[data-homepage="true"] .home-feature-power { grid-column: 1 / -1; min-height: 260px; }
  #main[data-homepage="true"] .home-feature-tile { min-height: 315px; }
  #main[data-homepage="true"] .home-feature-tile strong { font-size: clamp(28px, 4vw, 42px) !important; }
  #main[data-homepage="true"] .home-night-shift-cast { gap: 12px; }
}




:where(.guide-landing, .dossier-index, .entertainment-page) :is(
  .guide-world-cover, .files-world-cover, .culture-world-cover, .freak-world-cover
) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.27fr) minmax(180px, .73fr);
  gap: clamp(12px, 3vw, 38px);
  align-items: center;
  min-height: clamp(290px, 34vw, 470px);
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin: 10px 0 clamp(20px, 3vw, 38px);
  padding: clamp(19px, 3vw, 42px);
  border: 3px solid var(--pop-forest);
  border-radius: 26px;
  box-shadow: 7px 8px 0 var(--pop-forest);
  color: var(--pop-forest);
  text-align: left;
}
:where(.guide-landing, .dossier-index, .entertainment-page)
  .illustrated-world-copy {
  position: relative;
  z-index: 2;
  min-width: 0;
}
:where(.guide-landing, .dossier-index, .entertainment-page)
  .illustrated-world-copy > :first-child { margin-top: 0; }
:where(.guide-landing, .dossier-index, .entertainment-page)
  .illustrated-world-copy :is(h1, h2) {
  margin: clamp(9px, 1.5vw, 16px) 0;
  color: var(--pop-forest);
  font: 800 clamp(48px, 7vw, 112px)/.85 var(--pop-head);
  letter-spacing: -.075em;
  text-transform: uppercase;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
:where(.guide-landing, .dossier-index, .entertainment-page)
  .illustrated-world-copy :is(.primer-dek, .dossier-deck, .entertainment-lead) {
  max-width: 38ch;
  margin: 18px 0 0;
  font: 700 clamp(16px, 1.9vw, 23px)/1.28 var(--pop-body);
  color: var(--pop-forest);
  text-wrap: pretty;
}
:where(.guide-landing, .dossier-index, .entertainment-page)
  .illustrated-world-copy :is(.primer-kicker, .dossier-kicker, .entertainment-kicker) {
  display: inline-block;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 9px 12px;
  border: 0;
  border-radius: 8px 8px 8px 2px;
  background: var(--pop-forest);
  color: #fff;
  font: 800 12px/1.2 var(--pop-body);
  letter-spacing: .075em;
  text-transform: uppercase;
  transform: none;
}
:where(.guide-landing, .dossier-index, .entertainment-page)
  .illustrated-world-art {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  min-height: 275px;
  align-self: stretch;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
}
:where(.guide-landing, .dossier-index, .entertainment-page)
  .world-art-stage {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: end;
  justify-content: center;
  min-width: 0;
  width: 100%;
  min-height: 220px;
}
:where(.guide-landing, .dossier-index, .entertainment-page)
  .world-art-stage::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 4%;
  left: 4%;
  width: 92%;
  height: 85%;
  transform: rotate(-8deg);
  border: 5px solid white;
  border-radius: 58% 42% 20% 22%;
  background: rgb(255 255 255 / .64);
  box-shadow: 10px 10px 0 rgb(21 33 27 / .14);
}
:where(.guide-landing, .dossier-index, .entertainment-page)
  .world-art-stage img {
  display: block;
  position: relative;
  z-index: 1;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: clamp(210px, 23vw, 320px);
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(4px 10px 0 rgb(21 33 27 / .18));
}
:where(.guide-landing, .dossier-index, .entertainment-page)
  .world-art-bubble {
  position: relative;
  z-index: 2;
  align-self: flex-end;
  margin: -10px 3% 6px 0;
  padding: 11px 17px;
  border: 3px solid var(--pop-forest);
  border-radius: 14px 13px 3px 13px;
  background: #fff;
  color: var(--pop-forest);
  font: 800 clamp(12px, 1.5vw, 19px)/1.1 var(--pop-body);
  letter-spacing: .025em;
  box-shadow: 4px 5px 0 var(--pop-forest);
  transform: rotate(-4deg);
}
:where(.guide-landing, .dossier-index, .entertainment-page)
  .world-scrawl {
  position: absolute;
  top: -4%;
  right: 4%;
  font: 800 clamp(145px, 20vw, 280px)/1 var(--pop-head);
  color: var(--pop-ube);
  opacity: .25;
  transform: rotate(13deg);
  pointer-events: none;
}
.guide-landing .guide-world-cover {
  background: linear-gradient(123deg, #d4fa59 0%, #e6ffb8 48%, #cdf3ff 100%);
}
.guide-landing .guide-world-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(rgb(95 55 214 / .08) 1px, transparent 1px),
              linear-gradient(90deg, rgb(95 55 214 / .08) 1px, transparent 1px);
  background-size: 29px 29px;
  mask-image: linear-gradient(90deg, transparent 10%, black 100%);
  pointer-events: none;
}
.guide-landing .guide-world-cover .illustrated-world-copy h1 {
  font-size: clamp(52px, 8vw, 128px);
}
.guide-landing .guide-world-cover .world-art-bubble { background: #ffcce0; }
.dossier-index .files-world-cover {
  background: linear-gradient(122deg, #f8d4eb 0%, #eadbff 53%, #d4edff 100%);
}
.dossier-index .files-world-cover .illustrated-world-copy h1 {
  font-size: clamp(72px, 11vw, 160px);
  text-transform: none;
  letter-spacing: -.095em;
}
.dossier-index .files-world-cover .dossier-directory-dot { color: var(--pop-ube); }
.dossier-index .files-world-cover .illustrated-world-copy p {
  max-width: 39ch;
  margin-top: 20px;
  color: var(--pop-forest);
  font: 700 clamp(17px, 2vw, 26px)/1.2 var(--pop-body);
}
.dossier-index .files-world-cover .world-file {
  position: absolute;
  display: block;
  z-index: 0;
  padding: 15px 12px 12px;
  width: min(78%, 235px);
  height: 160px;
  background: #fff0ad;
  border: 3px solid var(--pop-forest);
  border-radius: 6px 16px 7px 8px;
  box-shadow: 7px 9px 0 rgb(21 33 27 / .12);
  font: 800 13px/1.2 var(--pop-body);
  color: var(--pop-forest);
  letter-spacing: .11em;
  pointer-events: none;
}
.dossier-index .files-world-cover .world-file-a {
  top: 0;
  right: 20%;
  transform: rotate(-19deg);
}
.dossier-index .files-world-cover .world-file-b {
  top: 9%;
  right: 0;
  background: #c7ecff;
  transform: rotate(13deg);
}
.dossier-index .files-world-cover .world-art-stage { margin-top: 45px; }
.dossier-index .files-world-cover .world-art-bubble { background: var(--pop-lime); }
.entertainment-page .culture-world-cover {
  background: linear-gradient(118deg, #fbe5ff, #ffbcd6 60%, #ffdb94);
}
.entertainment-page .culture-world-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: repeating-linear-gradient(92deg, transparent 0 66px,
    rgb(95 55 214 / .07) 67px 73px, transparent 74px 140px);
}
.entertainment-page .culture-world-cover .illustrated-world-copy h1 {
  font-size: clamp(48px, 6.8vw, 105px);
}
.entertainment-page .culture-world-cover .world-spotlight {
  position: absolute;
  z-index: 0;
  top: -5%;
  right: -6%;
  width: 115%;
  height: 115%;
  background: conic-gradient(from 245deg at 60% 10%,
    transparent 0 17%, rgb(255 255 255 / .67) 21% 32%, transparent 38% 100%);
  pointer-events: none;
}
.entertainment-page .culture-world-cover .world-art-stage::before {
  background: #fff0ad;
  border-radius: 49% 51% 32% 26%;
}
.entertainment-page .culture-world-cover .world-art-bubble {
  background: var(--pop-lime);
  transform: rotate(4deg);
}
.dossier-index .freak-world-cover {
  background: repeating-conic-gradient(from 15deg at 75% 30%,
    #ffe1a3 0deg 18deg, #ffbad9 18deg 36deg, #d9c9ff 36deg 54deg);
}
.dossier-index .freak-world-cover .illustrated-world-copy {
  padding: clamp(12px, 2vw, 28px);
  border-radius: 16px;
  background: rgb(255 255 255 / .88);
  box-shadow: 8px 9px 0 rgb(21 33 27 / .17);
}
.dossier-index .freak-world-cover .illustrated-world-copy h1 {
  font-size: clamp(65px, 10vw, 145px);
}
.dossier-index .freak-world-cover .world-art-bubble { background: var(--pop-lime); }
.dossier-index .freak-world-cover .world-art-stage::before { background: #e6f0ff; }
@media (max-width: 700px) {
  :where(.guide-landing, .dossier-index, .entertainment-page) :is(
    .guide-world-cover, .files-world-cover, .culture-world-cover, .freak-world-cover
  ) {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    gap: 5px;
    margin: 12px 0 24px;
    padding: 18px 13px 8px;
    border-radius: 16px;
    box-shadow: 4px 5px 0 var(--pop-forest);
  }
  :where(.guide-landing, .dossier-index, .entertainment-page)
    .illustrated-world-copy :is(h1,h2) {
    font-size: clamp(42px, 11vw, 65px);
    line-height: .89;
  }
  .dossier-index .files-world-cover .illustrated-world-copy h1,
  .dossier-index .freak-world-cover .illustrated-world-copy h1,
  .guide-landing .guide-world-cover .illustrated-world-copy h1,
  .entertainment-page .culture-world-cover .illustrated-world-copy h1 {
    font-size: clamp(43px, 11vw, 74px);
  }
  :where(.guide-landing, .dossier-index, .entertainment-page)
    .illustrated-world-copy :is(.primer-dek,.dossier-deck,.entertainment-lead) {
    font-size: 15px;
    margin-top: 11px;
    max-width: 42ch;
  }
  :where(.guide-landing, .dossier-index, .entertainment-page)
    .illustrated-world-art {
    min-height: 135px;
    max-height: 175px;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 9px;
    align-items: end;
  }
  :where(.guide-landing, .dossier-index, .entertainment-page)
    .world-art-stage {
    grid-column: 1;
    grid-row: 1;
    min-height: 128px;
    justify-content: end;
  }
  :where(.guide-landing, .dossier-index, .entertainment-page)
    .world-art-stage img {
    max-height: 163px;
    max-width: 100%;
  }
  :where(.guide-landing, .dossier-index, .entertainment-page)
    .world-art-stage::before {
    width: 155px;
    max-width: 95%;
    height: 122px;
    left: auto;
    right: 3%;
    bottom: 0;
    border-width: 3px;
    box-shadow: 4px 5px 0 rgb(21 33 27 / .14);
  }
  :where(.guide-landing, .dossier-index, .entertainment-page)
    .world-art-bubble {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    justify-self: end;
    max-width: 120px;
    white-space: normal;
    margin: 0 0 12px;
    padding: 7px 9px;
    border-width: 2px;
    font-size: 10px;
  }
  :where(.guide-landing, .dossier-index, .entertainment-page)
    .world-scrawl { top: -10%; right: 12%; font-size: 155px; }
  .dossier-index .files-world-cover .world-file {
    top: 0;
    right: 12%;
    width: 110px;
    height: 80px;
    padding: 8px;
    font-size: 8px;
  }
  .dossier-index .files-world-cover .world-file-b { right: 0; }
  .dossier-index .files-world-cover .world-art-stage { margin-top: 0; }
  .dossier-index .freak-world-cover .illustrated-world-copy {
    padding: 13px 11px;
    box-shadow: 4px 5px 0 rgb(21 33 27 / .17);
  }
}



.guide-landing .guide-feature-card {
  min-width: 0;
  padding: clamp(13px, 2.3vw, 28px);
  border: 2px solid var(--pop-forest);
  border-radius: 21px;
  background: #ede7ff;
  box-shadow: 5px 6px 0 var(--pop-lime);
}
.guide-landing .guide-feature-card .guide-card-image {
  align-self: stretch;
  border-radius: 14px;
  background: white;
}
.guide-landing .guide-feature-card .guide-card-image img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.guide-landing .guide-feature-card strong {
  font: 800 clamp(32px, 4.5vw, 64px)/.98 var(--pop-head);
  letter-spacing: -.05em;
}
.guide-landing .guide-topic-heading {
  padding: clamp(12px, 2vw, 21px);
  border-radius: 14px;
  background: #e8f4f7;
}
.guide-landing .guide-topic-section:nth-of-type(3n+2) .guide-topic-heading {
  background: #fff0b4;
}
.guide-landing .guide-topic-section:nth-of-type(3n+3) .guide-topic-heading {
  background: #f7d8f0;
}
.guide-landing .guide-topic-heading h2 {
  font: 800 clamp(25px, 3.5vw, 43px)/1 var(--pop-head);
}
.dossier-index[data-dossier-directory] .dossier-directory-starter-grid > li {
  min-width: 0;
}
.dossier-index[data-dossier-directory] .dossier-directory-pick {
  min-width: 0;
  min-height: 100%;
  padding: clamp(11px, 2vw, 19px);
  background: #e9e2ff;
  border-radius: 18px;
  border: 2px solid var(--pop-forest);
  box-shadow: 4px 5px 0 var(--pop-forest);
}
.dossier-index[data-dossier-directory] .dossier-directory-starter-grid > li:nth-child(3n+2) .dossier-directory-pick {
  background: #e0f6ff;
}
.dossier-index[data-dossier-directory] .dossier-directory-starter-grid > li:nth-child(3n) .dossier-directory-pick {
  background: #fff0b4;
}
.dossier-index[data-dossier-directory] .dossier-directory-pick-art {
  background: rgb(255 255 255 / .7);
  border: 3px solid white;
  border-radius: 13px;
  margin-bottom: 17px;
  box-shadow: 3px 4px 0 rgb(21 33 27 / .11);
}
.dossier-index[data-dossier-directory] .dossier-directory-pick > strong {
  font: 800 clamp(21px, 2.5vw, 32px)/1.03 var(--pop-head);
  letter-spacing: -.05em;
}
.dossier-index .freak-world-cover + .dossier-section > h2 {
  display: block;
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 11px;
  color: #fff;
  background: var(--pop-ube);
  font: 800 clamp(25px, 3.3vw, 44px)/1 var(--pop-head);
}
.dossier-index .freak-world-cover + .dossier-section .dossier-directory > li {
  padding: 12px 16px 15px;
  border: 0;
  border-left: 7px solid var(--pop-ube);
  background: #eee7ff;
  margin-bottom: 12px;
}
.dossier-index .freak-world-cover + .dossier-section .dossier-directory > li:nth-child(3n+2) {
  background: #fff0b4;
  border-left-color: #da53ab;
}
.dossier-index .freak-world-cover + .dossier-section .dossier-directory > li:nth-child(3n) {
  background: #e1f1ff;
  border-left-color: var(--pop-forest);
}

.entertainment-page .entertainment-wrap-index { max-width: 1480px; }
.entertainment-page .entertainment-paper-masthead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(12px,3vw,32px);
  min-height: 155px;
  margin: 0;
  padding: clamp(15px,3vw,32px);
  background: linear-gradient(110deg,#fbf8f0 10%,#e9f3ee 74%,#f3eafd);
  color: #15211b;
  border: 0;
  border-top: 3px solid #15211b;
  border-bottom: 4px double #15211b;
  border-radius: 0;
  box-shadow: none;
}
.entertainment-page .entertainment-paper-copy { min-width:0; }
.entertainment-page .entertainment-paper-masthead .entertainment-kicker {
  color:#fff; margin-bottom:.55rem; font-size:.73rem;
}
.entertainment-page .entertainment-paper-masthead h1 {
  margin: 0 0 .55rem;
  color:#15211b;
  font: 900 clamp(2.8rem,6.8vw,6.6rem)/.95 "Bricolage Grotesque",Arial,sans-serif;
  letter-spacing:-.06em;
}
.entertainment-page .entertainment-paper-masthead .entertainment-lead {
  margin:0; max-width:unset; font:750 clamp(.78rem,1.35vw,1rem)/1.4 "Space Grotesk",sans-serif;
  letter-spacing:.03em;
}
.entertainment-page .entertainment-paper-cast { display:flex; flex:0 0 auto; align-items:flex-end; justify-content:flex-end; min-width:0; }
.entertainment-page .entertainment-paper-cast img { display:block; width:clamp(60px,9vw,135px); max-height:135px; height:auto; object-fit:contain; }
.entertainment-page .entertainment-paper-cast img+img { margin-left:-16px; width:clamp(57px,8vw,118px); }
.entertainment-page .entertainment-list {
  display:grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap:0;
  padding:0;
  margin:0 0 2rem;
  list-style:none;
  border-left:1px solid #9daaa4;
}
.entertainment-page .entertainment-entry {
  display:block;
  min-width:0;
  min-height:235px;
  padding:clamp(13px,1.65vw,23px);
  margin:0;
  border:0;
  border-right:1px solid #9daaa4;
  border-bottom:1px solid #9daaa4;
  border-radius:0;
  background:#fcfaf4;
  box-shadow:none;
}
.entertainment-page .entertainment-entry:nth-child(3n+2) { background:#f2f6f2; }
.entertainment-page .entertainment-entry:nth-child(3n) { background:#f9f4ea; }
.entertainment-page .entertainment-entry-featured {
  background:#f9f4ea;
  border-top:4px solid #15211b;
}
.entertainment-page .entertainment-entry-has-art {
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:center;
  gap:clamp(10px,1.5vw,20px);
}
.entertainment-page .entertainment-entry-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; height:100%; }
.entertainment-page .entertainment-entry .entertainment-kicker { font:750 clamp(.61rem,.8vw,.73rem)/1.25 "Space Grotesk",sans-serif; margin:0 0 .5rem; color:#af3832; }
.entertainment-page .entertainment-entry h2,
.entertainment-page .entertainment-entry-featured h2 {
  margin:0 0 .65rem;
  max-width:none;
  font:900 clamp(1.4rem,2.05vw,2.25rem)/1.02 "Bricolage Grotesque",Arial,sans-serif;
  letter-spacing:-.04em;
}
.entertainment-page .entertainment-entry-deck { font:500 clamp(.84rem,1.06vw,.99rem)/1.45 "Space Grotesk",sans-serif; margin:0 0 .6rem; }
.entertainment-page .entertainment-entry-date { font:650 .69rem/1.4 "Space Grotesk",sans-serif; color:#58645e; margin-top:auto; }
.entertainment-page .entertainment-entry .entertainment-art {
  width:100%; min-width:0; max-width:none; margin:0; padding:0;
  border:0; border-radius:0; background:transparent;
}
.entertainment-page .entertainment-entry .entertainment-art img {
  display:block; width:100%; height:auto; max-height:none;
  object-fit:contain; border:0; border-radius:0; background:transparent;
}
.entertainment-page .entertainment-entry .entertainment-art figcaption {
  margin:.35rem 0 0; color:#5f37d6; font-size:.67rem;
}
@media (max-width: 1100px) {
  .entertainment-page .entertainment-list { grid-template-columns:minmax(0,1fr); }
  .entertainment-page .entertainment-entry { min-height:0; }
  .entertainment-page .entertainment-entry-has-art { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .entertainment-page .entertainment-entry h2,
  .entertainment-page .entertainment-entry-featured h2 { font-size:clamp(1.65rem,3vw,2.6rem); }
}
@media (max-width: 650px) {
  .entertainment-page .entertainment-paper-masthead { padding:14px; min-height:0; }
  .entertainment-page .entertainment-paper-masthead h1 { font-size:clamp(2.4rem,9vw,3.6rem); overflow-wrap:break-word; }
  .entertainment-page .entertainment-paper-cast img {width:54px}
  .entertainment-page .entertainment-paper-cast img+img {width:50px;margin-left:-12px}
  .entertainment-page .entertainment-entry-has-art { grid-template-columns:minmax(0,1fr); }
  .entertainment-page .entertainment-entry .entertainment-art {margin-top:8px}
  .entertainment-page .entertainment-entry h2,
  .entertainment-page .entertainment-entry-featured h2 { font-size:clamp(1.75rem,7.6vw,2.55rem); }
}
@media (max-width: 700px) {
  .guide-landing .guide-feature-card { padding: 12px; border-radius: 13px; box-shadow: 3px 4px 0 var(--pop-lime); }
  .guide-landing .guide-feature-card strong { font-size: clamp(28px, 8vw, 41px); }
  .guide-landing .guide-topic-heading { padding: 12px; }
  .dossier-index[data-dossier-directory] .dossier-directory-pick { padding: 9px; border-radius: 12px; box-shadow: 3px 4px 0 var(--pop-forest); }
  .dossier-index[data-dossier-directory] .dossier-directory-pick > strong { font-size: clamp(19px, 5vw, 26px); }
  .entertainment-page .entertainment-entry { padding: 14px; border-radius: 0; }
  .entertainment-page .entertainment-entry h2 { font-size: clamp(26px, 7.6vw, 40px); }
}



.anp-publication-bar {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 24px;
  width: min(100% - 32px, 1100px);
  margin: 12px auto 26px;
  padding: 13px 0 14px;
  border-top: 5px solid var(--pop-lime);
  border-bottom: 1px solid var(--pop-line);
  color: var(--pop-forest);
}
.simple-page > .anp-publication-bar,
.entertainment-page > .anp-publication-bar,
.cartoon-page > .anp-publication-bar {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
}
.entertainment-page > .anp-publication-bar { max-width: 860px; }
.anp-publication-bar .anp-publication-wordmark {
  display: inline-block;
  flex: 0 1 auto;
  font-family: var(--pop-mark) !important;
  font-weight: 400 !important;
  font-size: clamp(32px, 4.5vw, 54px);
  line-height: 1.14;
  letter-spacing: -.045em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  color: var(--pop-forest) !important;
}
.anp-publication-bar .dossier-global-nav {
  flex: 0 1 auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
@media (max-width: 680px) {
  .anp-publication-bar {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 20px;
  }
  .anp-publication-bar .dossier-global-nav {
    justify-content: flex-start;
    width: 100%;
  }
  .anp-publication-bar .anp-publication-wordmark {
    font-size: clamp(30px, 8vw, 42px);
  }
}

.quotes-siteheader .logo { font-size: clamp(34px, 4.5vw, 52px); }



#main[data-homepage="true"] .river {
  display: flex;
  flex-direction: column;
  gap: clamp(24px, 3.2vw, 42px);
}
#main[data-homepage="true"] .home-river-run {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  column-gap: clamp(16px, 2.2vw, 30px);
}
#main[data-homepage="true"] .home-river-column {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: clamp(8px, 1.2vw, 18px);
}
#main[data-homepage="true"] .home-river-column > :is(.river-story, .river-whisper) {
  margin: 0;
  padding: 10px 0 17px;
}
#main[data-homepage="true"] .home-river-column > .newsroom-sighting {
  width: 100%;
  align-self: stretch;
  margin: 0;
}
#main[data-homepage="true"] .river > :is(.home-spotlight, .home-feature-strip, .home-vault) {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}
#main[data-homepage="true"] .home-feature-strip {
  padding: 15px 0 4px;
  border-top: 2px solid var(--pop-forest);
}
#main[data-homepage="true"] .home-feature-heading { margin-bottom: 8px; border: 0; padding: 0; }
#main[data-homepage="true"] .home-feature-heading strong {
  font-size: clamp(23px, 2.8vw, 35px);
}
#main[data-homepage="true"] .home-feature-tile {
  min-height: 164px;
  padding: 14px 16px;
  border-radius: 14px;
  box-shadow: 3px 4px 0 var(--poster-ink);
  gap: 4px 8px;
}
#main[data-homepage="true"] .home-feature-tile strong {
  font-size: clamp(23px, 2.4vw, 34px) !important;
}
#main[data-homepage="true"] .home-feature-art { min-height: 56px; max-height: 120px; }
#main[data-homepage="true"] .home-feature-art img { max-height: 115px; }
#main[data-homepage="true"] .home-feature-cta { padding-block: 4px; }


#main[data-homepage="true"] .home-after-hours {
  margin: 28px 0 0;
  min-height: 0;
  padding: 16px 18px;
  border-radius: 16px;
  grid-template-columns: minmax(0, .8fr) minmax(0, 2.2fr);
  gap: 16px;
}
#main[data-homepage="true"] .home-after-hours-intro h2 {
  font-size: clamp(23px, 2.6vw, 37px);
}
#main[data-homepage="true"] .home-after-hours-mascot {
  max-height: 80px;
  max-width: 85px;
}
#main[data-homepage="true"] .home-after-hours-links a {
  min-height: 112px;
  padding: 12px 15px;
}
#main[data-homepage="true"] .home-after-hours-links strong {
  font-size: clamp(18px, 2.2vw, 28px);
}


#main[data-homepage="true"] .home-night-shift {
  display: grid;
  grid-template-columns: minmax(170px, .8fr) minmax(0, 2.2fr);
  align-items: center;
  gap: 8px 20px;
  margin: 24px 0;
  padding: 20px 24px;
  border-radius: 18px;
}
#main[data-homepage="true"] .home-night-shift h2 {
  font-size: clamp(34px, 3.9vw, 57px);
}
#main[data-homepage="true"] .home-night-shift-head p { font-size: 13px; }
#main[data-homepage="true"] .home-night-shift-cast {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: 12px;
  padding-top: 0;
}
#main[data-homepage="true"] .night-shift-stage,
#main[data-homepage="true"] .night-shift-merv .night-shift-stage {
  height: clamp(105px, 11vw, 154px);
}
#main[data-homepage="true"] .night-shift-bubble {
  padding: 8px 10px;
  border-width: 2px;
  border-radius: 11px 11px 13px 3px;
  box-shadow: 3px 4px 0 rgb(95 55 214 / .22);
}
#main[data-homepage="true"] .night-shift-bubble strong,
#main[data-homepage="true"] .night-shift-merv .night-shift-bubble strong {
  font-size: clamp(17px, 1.7vw, 23px);
}
#main[data-homepage="true"] .night-shift-bubble small { display: none; }
#main[data-homepage="true"] .home-night-shift-more {
  grid-column: 1 / -1;
  margin: 0;
  font-size: 11px;
}

@media (min-width: 701px) and (max-width: 899px) {
  #main[data-homepage="true"] .home-river-run {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0;
  }
}
@media (max-width: 700px) {
  #main[data-homepage="true"] .home-river-run {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  #main[data-homepage="true"] .home-river-column { gap: 0; }
  #main[data-homepage="true"] .home-river-column > :is(.river-story, .river-whisper) {
    padding: 14px 0;
  }
  #main[data-homepage="true"] .river .newsroom-sighting-late { display: none; }
  #main[data-homepage="true"] .home-feature-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #main[data-homepage="true"] .home-feature-tile { min-height: 150px; }
  #main[data-homepage="true"] .home-feature-power { min-height: 172px; }
  #main[data-homepage="true"] .home-feature-tile strong { font-size: clamp(19px, 5vw, 27px) !important; }
  #main[data-homepage="true"] .home-feature-power strong { font-size: clamp(25px, 7vw, 34px) !important; }
  #main[data-homepage="true"] .home-after-hours {
    grid-template-columns: minmax(0, 1fr);
    margin: 20px 0;
    padding: 15px;
  }
  #main[data-homepage="true"] .home-after-hours-links a { min-height: 108px; }
  #main[data-homepage="true"] .home-night-shift {
    display: block;
    margin: 20px 0;
    padding: 18px 12px;
  }
  #main[data-homepage="true"] .home-night-shift h2 { font-size: clamp(36px, 9vw, 45px); }
  #main[data-homepage="true"] .home-night-shift-cast {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin: 10px 0;
  }
  #main[data-homepage="true"] .night-shift-member,
  #main[data-homepage="true"] .night-shift-merv,
  #main[data-homepage="true"] .night-shift-issue {
    width: 100%;
    grid-column: auto;
    max-width: none;
    justify-self: stretch;
  }
  #main[data-homepage="true"] .night-shift-stage,
  #main[data-homepage="true"] .night-shift-merv .night-shift-stage { height: 96px; }
  #main[data-homepage="true"] .night-shift-bubble { padding: 7px 5px; width: 100%; }
  #main[data-homepage="true"] .night-shift-bubble strong,
  #main[data-homepage="true"] .night-shift-merv .night-shift-bubble strong { font-size: 17px; }
  #main[data-homepage="true"] .night-shift-bubble > span { font-size: 10px; }
}


#main[data-homepage="true"] .home-spotlight-next {
  display: block;
  max-width: 36ch;
  margin-top: 15px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: underline;
  text-decoration-color: var(--poster-lime);
  text-underline-offset: 4px;
}
#main[data-homepage="true"] .home-spotlight-next:hover,
#main[data-homepage="true"] .home-spotlight-next:focus-visible {
  color: var(--poster-lime);
}



@media (max-width: 700px) {
  #main[data-homepage="true"] .river > .home-feature-strip {
    display: none;
  }
  #main[data-homepage="true"] .river > .home-river-run:not(:has(.river-story:not(.mobile-news-late))) {
    display: none;
  }
}



@media (min-width: 900px) {
  #main[data-homepage="true"] .home-river-run[data-column-count="1"] {
    grid-template-columns: minmax(0, 1fr);
  }
  #main[data-homepage="true"] .home-river-run[data-column-count="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


:is(.slimnav-files-menu, .network-files-menu) > :is(a, span) {
  color: var(--pop-forest) !important;
}
:is(.slimnav-files-menu, .network-files-menu) > a:is(:hover, :focus-visible),
:is(.slimnav-files-menu, .network-files-menu) > span[aria-current="page"] {
  color: var(--pop-forest) !important;
  background: var(--pop-lilac);
}