/* World Cup 2026 visible-board pass: no collapsed route sections on this page. */
body.mf-world-cup-page {
  overflow-x: hidden !important;
}

body.mf-world-cup-page main#main-content {
  display: block !important;
  overflow-x: hidden !important;
}

body.mf-world-cup-page main#main-content > section {
  max-height: none !important;
  overflow: visible !important;
}

body.mf-world-cup-page .mf-wc-section-nav {
  position: sticky;
  top: var(--nav-height, 72px);
  z-index: 6;
  padding: .46rem 0;
  border-block: 1px solid rgba(245, 200, 66, .18);
  background: rgba(2, 10, 8, .92);
  backdrop-filter: blur(12px);
}

body.mf-world-cup-page .mf-wc-section-nav .stl-container {
  display: flex !important;
  flex-wrap: wrap;
  gap: .35rem;
  align-items: center;
}

body.mf-world-cup-page .mf-wc-section-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.9rem;
  padding: .32rem .55rem;
  border: 1px solid rgba(245, 200, 66, .26);
  border-radius: 999px;
  background: rgba(255, 255, 255, .04);
  color: #f8fbfc;
  font: 850 .64rem/1 var(--f-mono, "JetBrains Mono", monospace);
  letter-spacing: .06em;
  text-decoration: none;
  text-transform: uppercase;
}

body.mf-world-cup-page .mf-wc-section-nav a:hover,
body.mf-world-cup-page .mf-wc-section-nav a:focus-visible {
  border-color: rgba(245, 200, 66, .72);
  background: #f5c842;
  color: #06110c;
}

body.mf-world-cup-page main .mf-compact-board {
  width: 100% !important;
  margin-block: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.mf-world-cup-page main .mf-compact-board > .mf-compact-board__toggle {
  display: none !important;
}

body.mf-world-cup-page main .mf-compact-board > .mf-compact-board__body,
body.mf-world-cup-page main .mf-compact-board > .mf-compact-board__body[hidden] {
  display: block !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.mf-world-cup-page .mf-worldcup-hero {
  padding-block: clamp(.8rem, 1.6vw, 1.15rem) !important;
}

body.mf-world-cup-page .mf-worldcup-hero__grid {
  grid-template-columns: minmax(0, 1.06fr) minmax(17rem, .72fr) !important;
  gap: clamp(.65rem, 1.4vw, 1rem) !important;
}

body.mf-world-cup-page .mf-worldcup-hero__copy {
  padding: clamp(.8rem, 1.6vw, 1.12rem) !important;
}

body.mf-world-cup-page .mf-worldcup-hero__title {
  max-width: 16ch !important;
  font-size: clamp(1.85rem, 3.45vw, 3.35rem) !important;
  line-height: .98 !important;
}

body.mf-world-cup-page .mf-worldcup-hero__lede {
  max-width: 66ch !important;
  font-size: clamp(.84rem, 1vw, .96rem) !important;
  line-height: 1.35 !important;
}

body.mf-world-cup-page .mf-worldcup-hero__stats,
body.mf-world-cup-page .mf-worldcup-hero__flags,
body.mf-world-cup-page .mf-worldcup-hero__ticker {
  gap: .46rem !important;
  margin-top: .58rem !important;
}

body.mf-world-cup-page .mf-worldcup-hero__media-figure img {
  min-height: 220px !important;
}

body.mf-world-cup-page #wc2026-view,
body.mf-world-cup-page #wc2026-view .mf-wc-view-grid {
  display: grid !important;
  gap: clamp(.58rem, 1.3vw, .9rem) !important;
}

body.mf-world-cup-page #wc2026-view > .mf-world-section,
body.mf-world-cup-page #wc2026-view .mf-world-section,
body.mf-world-cup-page #stl-wc-angle,
body.mf-world-cup-page .site-newsletter-shell {
  border-radius: .95rem !important;
}

body.mf-world-cup-page .mf-wc-command-console,
body.mf-world-cup-page .mf-wc-host-desk,
body.mf-world-cup-page .mf-wc-schedule-section,
body.mf-world-cup-page .mf-roadmap {
  padding: clamp(.72rem, 1.5vw, 1rem) !important;
}

body.mf-world-cup-page .mf-wc-command-main {
  grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .65fr) !important;
}

body.mf-world-cup-page .mf-wc-command-copy {
  min-height: 9rem !important;
  align-content: center !important;
}

body.mf-world-cup-page .mf-wc-command-copy h2 {
  max-width: 24ch !important;
  font-size: clamp(1.65rem, 3.65vw, 3.4rem) !important;
  line-height: .9 !important;
}

body.mf-world-cup-page .mf-wc-command-lower {
  grid-template-columns: minmax(13rem, .65fr) minmax(12rem, .5fr) minmax(0, 1fr) !important;
}

body.mf-world-cup-page .mf-wc-command-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.mf-world-cup-page .mf-world-cup-overview .mf-stat-grid,
body.mf-world-cup-page .mf-world-cup-overview {
  display: grid !important;
  gap: .62rem !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)) !important;
}

body.mf-world-cup-page .mf-wc-host-desk {
  grid-template-columns: minmax(16rem, .75fr) minmax(0, 1fr) !important;
  gap: .65rem !important;
}

body.mf-world-cup-page .mf-wc-host-desk .mf-wc-countdown-strip {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.5rem), 1fr)) !important;
}

body.mf-world-cup-page .mf-city-grid {
  display: grid !important;
  gap: .62rem !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.5rem), 1fr)) !important;
}

body.mf-world-cup-page .mf-city-card,
body.mf-world-cup-page .mf-wc-count-card,
body.mf-world-cup-page .mf-wc-schedule-card,
body.mf-world-cup-page .mf-group-card {
  min-width: 0 !important;
}

body.mf-world-cup-page .mf-wc-schedule-grid {
  display: grid !important;
  gap: .65rem !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)) !important;
}

body.mf-world-cup-page #wc2026-groups .mf-group-grid {
  display: grid !important;
  gap: .62rem !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.75rem), 1fr)) !important;
}

body.mf-world-cup-page .mf-roadmap-head {
  align-items: start !important;
}

body.mf-world-cup-page .mf-roadmap-grid {
  grid-template-columns: minmax(13rem, .48fr) minmax(0, 1fr) !important;
}

body.mf-world-cup-page .mf-roadmap-steps {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10.5rem), 1fr)) !important;
}

body.mf-world-cup-page .mf-roadmap-panels {
  display: grid !important;
  gap: .62rem !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)) !important;
  min-height: 0 !important;
}

body.mf-world-cup-page .mf-roadmap-panel,
body.mf-world-cup-page .mf-roadmap-panel.active {
  display: grid !important;
  min-height: 14rem !important;
  align-content: end !important;
}

body.mf-world-cup-page .mf-worldcup-verified__filters {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .42rem !important;
}

body.mf-world-cup-page .mf-worldcup-verified__grid {
  display: grid !important;
  gap: .62rem !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)) !important;
}

body.mf-world-cup-page .mf-worldcup-verified__card[hidden] {
  display: none !important;
}

body.mf-world-cup-page .mf-wc-schedule-match,
body.mf-world-cup-page .mf-wc-schedule-card__top,
body.mf-world-cup-page .mf-wc-schedule-meta,
body.mf-world-cup-page .mf-wc-schedule-actions,
body.mf-world-cup-page .mf-wc-command-actions,
body.mf-world-cup-page .mf-wc-command-hosts,
body.mf-world-cup-page .mf-wc-command-kickoffs,
body.mf-world-cup-page .mf-wc-command-status,
body.mf-world-cup-page .mf-wc-host-actions,
body.mf-world-cup-page .mf-wc-schedule-chips,
body.mf-world-cup-page .mf-chip-row,
body.mf-world-cup-page .mf-page-actions {
  min-width: 0 !important;
}

@media (max-width: 980px) {
  body.mf-world-cup-page .mf-worldcup-hero__grid,
  body.mf-world-cup-page .mf-wc-command-main,
  body.mf-world-cup-page .mf-wc-command-lower,
  body.mf-world-cup-page .mf-wc-host-desk,
  body.mf-world-cup-page .mf-roadmap-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-world-cup-page .mf-worldcup-hero__title,
  body.mf-world-cup-page .mf-wc-command-copy h2,
  body.mf-world-cup-page .mf-roadmap-head h2 {
    max-width: none !important;
  }
}

@media (max-width: 720px) {
  body.mf-world-cup-page,
  body.mf-world-cup-page main#main-content,
  body.mf-world-cup-page main#main-content * {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  body.mf-world-cup-page main#main-content .stl-container {
    width: calc(100vw - 1rem) !important;
    max-width: calc(100vw - 1rem) !important;
    margin-inline: auto !important;
  }

  body.mf-world-cup-page .mf-wc-section-nav {
    position: static;
  }

  body.mf-world-cup-page .mf-wc-section-nav .stl-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mf-world-cup-page .mf-wc-section-nav a {
    width: 100% !important;
  }

  body.mf-world-cup-page .mf-worldcup-hero__stats,
  body.mf-world-cup-page .mf-worldcup-hero__flags,
  body.mf-world-cup-page .mf-worldcup-hero__ticker,
  body.mf-world-cup-page .mf-wc-command-stats,
  body.mf-world-cup-page .mf-wc-schedule-grid,
  body.mf-world-cup-page #wc2026-groups .mf-group-grid,
  body.mf-world-cup-page .mf-city-grid,
  body.mf-world-cup-page .mf-roadmap-steps,
  body.mf-world-cup-page .mf-roadmap-panels,
  body.mf-world-cup-page .mf-worldcup-verified__grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-world-cup-page .mf-wc-schedule-match,
  body.mf-world-cup-page .mf-wc-command-status,
  body.mf-world-cup-page .mf-wc-host-actions,
  body.mf-world-cup-page .mf-page-actions,
  body.mf-world-cup-page .mf-chip-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: stretch !important;
  }

  body.mf-world-cup-page .mf-wc-schedule-team--away {
    justify-content: flex-start !important;
    text-align: left !important;
  }
}