/* Frontend rescue: keep this layer intentionally small.
   Page-specific CSS owns layout, hero proportions, cards, grids, and navigation. */
:root {
  --mf-v5-rescue: 1;
}

:root[data-theme="dark"] {
  --color-bg: #020403;
  --color-surface: #050806;
  --color-surface-2: #07100b;
  --color-surface-3: #0b1710;
  --color-overlay: rgba(2, 4, 3, 0.9);
  --bg: var(--color-bg);
  --surface: var(--color-surface);
  --surface-2: var(--color-surface-2);
  --surface-3: var(--color-surface-3);
}

html {
  scroll-padding-top: calc(var(--mf-ux-nav-height, 50px) + 0.75rem);
}

body {
  background:
    radial-gradient(circle at top right, rgba(45, 184, 75, 0.045), transparent 26%),
    radial-gradient(circle at top left, rgba(245, 200, 66, 0.04), transparent 22%),
    var(--color-bg) !important;
  overflow-x: hidden;
}

body.mf-system-home .mf-daily-hero {
  overflow: visible !important;
}

main > section:empty,
main > article:empty,
main > aside:empty {
  display: none !important;
}

img,
video,
iframe {
  max-width: 100%;
}

.mf-seo-updated,
.mf-last-verified,
[data-refresh-status]:empty,
[data-source-line]:empty {
  display: none !important;
}

.site-footer,
.mf-footer,
footer {
  padding-block: clamp(1.25rem, 2vw, 2rem);
}

.site-footer .stl-container,
.mf-footer .stl-container,
footer .stl-container {
  gap: 1rem;
}

body.mf-system-home #home-partners {
  padding: 0.22rem 0 !important;
  border-block: 1px solid rgba(245, 200, 66, 0.1);
}

body.mf-system-home #home-partners .stl-container {
  display: grid;
  gap: 0.18rem !important;
  width: min(100% - 1rem, var(--max-content, 80rem)) !important;
}

body.mf-system-home #home-partners [data-partner-zone] {
  min-height: 0 !important;
}

body.mf-system-home #home-partners [data-partner-mode="strip"] {
  margin-top: 0 !important;
}

body.mf-system-home #home-partners .mf-partner-ribbon {
  grid-template-columns: minmax(4.4rem, 5.4rem) auto auto minmax(0, 1fr) auto !important;
  gap: 0.32rem !important;
  min-height: 2.1rem !important;
  padding: 0.18rem 0.36rem !important;
  border-radius: 7px !important;
  background: linear-gradient(90deg, rgba(245, 200, 66, 0.1), rgba(45, 184, 75, 0.055)), rgba(4, 7, 5, 0.96) !important;
  box-shadow: none !important;
}

body.mf-system-home #home-partners .mf-partner-ribbon__logo {
  width: clamp(4.4rem, 5vw, 5.4rem) !important;
  min-height: 1.45rem !important;
  height: 1.45rem !important;
  padding: 0.12rem 0.22rem !important;
  border-radius: 6px !important;
}

body.mf-system-home #home-partners .mf-partner-ribbon__logo img {
  max-height: 1rem !important;
}

body.mf-system-home #home-partners .mf-partner-ribbon span {
  max-width: 18rem !important;
  font-size: 0.49rem !important;
  letter-spacing: 0.11em !important;
  line-height: 1 !important;
}

body.mf-system-home #home-partners .mf-partner-ribbon strong {
  font-size: 0.72rem !important;
  line-height: 1 !important;
}

body.mf-system-home #home-partners .mf-partner-ribbon p {
  margin: 0 !important;
  overflow: hidden !important;
  color: rgba(244, 244, 240, 0.74) !important;
  font-size: 0.62rem !important;
  line-height: 1 !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.mf-system-home #home-partners .mf-partner-ribbon .stl-btn {
  min-height: 1.45rem !important;
  padding: 0.2rem 0.42rem !important;
  border-radius: 6px !important;
  font-size: 0.56rem !important;
  line-height: 1 !important;
}

body.mf-system-home #home-partners .mf-partner-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.18rem !important;
}

body.mf-system-home #home-partners .mf-partner-card {
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 0.28rem !important;
  min-height: 1.95rem !important;
  padding: 0.2rem 0.3rem !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg, rgba(8, 13, 9, 0.94), rgba(4, 7, 5, 0.98)) !important;
  box-shadow: none !important;
}

body.mf-system-home #home-partners .mf-partner-card__mark {
  width: 3.15rem !important;
  min-height: 1.35rem !important;
  height: 1.35rem !important;
  padding: 0.1rem 0.16rem !important;
  border-radius: 6px !important;
}

body.mf-system-home #home-partners .mf-partner-card__mark .mf-partner-logo {
  max-height: 1rem !important;
}

body.mf-system-home #home-partners .mf-partner-card__body {
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas: "name offer" "name actions" !important;
  gap: 0.06rem 0.28rem !important;
  align-items: center !important;
}

body.mf-system-home #home-partners .mf-partner-card__label,
body.mf-system-home #home-partners .mf-partner-card__body p {
  display: none !important;
}

body.mf-system-home #home-partners .mf-partner-card__body h3 {
  grid-area: name !important;
  margin: 0 !important;
  overflow: hidden !important;
  font-size: 0.65rem !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.mf-system-home #home-partners .mf-partner-card__offer {
  grid-area: offer !important;
  max-width: 7.5rem !important;
  overflow: hidden !important;
  font-size: 0.49rem !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.mf-system-home #home-partners .mf-partner-card__actions {
  grid-area: actions !important;
  justify-content: end !important;
  gap: 0.14rem !important;
  margin: 0 !important;
}

body.mf-system-home #home-partners .mf-partner-card__actions .stl-btn {
  min-height: 1.12rem !important;
  padding: 0.16rem 0.28rem !important;
  border-radius: 6px !important;
  font-size: 0.48rem !important;
  line-height: 1 !important;
}

body.mf-system-home #home-partners .mf-partner-card__actions .stl-btn--ghost {
  display: none !important;
}

body.mf-system-home #mf-front-article.mf-front-main--media-only {
  grid-template-columns: 1fr !important;
  min-height: clamp(16rem, 35vw, 30rem) !important;
}

body.mf-system-home #mf-front-article.mf-front-main--media-only .mf-front-media {
  grid-column: 1 / -1 !important;
  min-height: clamp(16rem, 35vw, 30rem) !important;
}

body.mf-system-home #mf-front-article.mf-front-main--media-only .mf-front-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: clamp(0.45rem, 1vw, 0.85rem) !important;
}

body.mf-system-home #mf-front-article.mf-front-main--media-only .mf-front-media--fallback {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  padding: 1rem !important;
}

body.mf-system-home #mf-front-article.mf-front-main--media-only .mf-front-media--fallback strong {
  background: var(--mf-gold, #ffd84d) !important;
  border-radius: 10px !important;
  color: #061006 !important;
  padding: 0.8rem 1rem !important;
}

body.mf-system-home #front-page {
  display: none !important;
}

body.mf-system-home #front-page .mf-front-main {
  display: none !important;
}

body.mf-system-home #front-page .mf-front-page-grid {
  display: block !important;
  grid-template-columns: 1fr !important;
  gap: 0.85rem !important;
}

body.mf-system-home #front-page .mf-front-rail {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.85rem !important;
  position: static !important;
  width: 100% !important;
}

body.mf-system-home #front-page #mf-front-episode,
body.mf-system-home .mf-front-page-grid #mf-front-episode {
  display: none !important;
}

body.mf-system-home #home-stl-soccer .mf-home-route-grid--under-match {
  display: none !important;
}

body.mf-system-home .mf-home-hero-feed .mf-board-top {
  align-items: center !important;
}

body.mf-system-home .mf-home-youtube-hero {
  display: grid !important;
  gap: 0.62rem !important;
}

body.mf-system-home .mf-home-youtube-hero__frame {
  overflow: hidden !important;
  border: 1px solid rgba(245, 200, 66, 0.22) !important;
  border-radius: 0.9rem !important;
  background: #030706 !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28) !important;
}

body.mf-system-home .mf-home-youtube-hero__frame iframe {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  border: 0 !important;
}

body.mf-system-home .mf-home-youtube-hero__body {
  display: grid !important;
  gap: 0.4rem !important;
}

body.mf-system-home .mf-home-youtube-hero__body span {
  color: #f5c842 !important;
  font: 800 0.66rem/1 "JetBrains Mono", monospace !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

body.mf-system-home .mf-home-youtube-hero__body strong {
  color: #fffbe7 !important;
  font-size: clamp(1rem, 1.4vw, 1.22rem) !important;
  line-height: 1.08 !important;
}

body.mf-system-home .mf-home-youtube-hero__body small {
  color: rgba(255, 255, 255, 0.64) !important;
  font-size: 0.74rem !important;
  line-height: 1.35 !important;
}

body.mf-system-home .mf-home-youtube-hero__queue {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.45rem !important;
}

body.mf-system-home .mf-home-youtube-hero__queue a {
  display: grid !important;
  gap: 0.34rem !important;
  min-width: 0 !important;
  padding: 0.42rem !important;
  border: 1px solid rgba(245, 200, 66, 0.14) !important;
  border-radius: 0.72rem !important;
  background: rgba(0, 0, 0, 0.22) !important;
  color: #fffbe7 !important;
  text-decoration: none !important;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease !important;
}

body.mf-system-home .mf-home-youtube-hero__queue a:hover,
body.mf-system-home .mf-home-youtube-hero__queue a:focus-visible {
  transform: translateY(-2px) !important;
  border-color: rgba(245, 200, 66, 0.46) !important;
  background: rgba(245, 200, 66, 0.08) !important;
}

body.mf-system-home .mf-home-youtube-hero__queue img {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  border-radius: 0.5rem !important;
}

body.mf-system-home .mf-home-youtube-hero__queue b {
  display: -webkit-box !important;
  overflow: hidden !important;
  min-height: 2.2em !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  font-size: 0.68rem !important;
  line-height: 1.1 !important;
}

body.mf-system-home .mf-home-hero-feed.mf-daily-board,
body.mf-system-home.mf-home-taste .mf-home-hero-feed.mf-daily-board {
  align-content: start !important;
  gap: 0.52rem !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: clamp(0.55rem, 1.1vw, 0.78rem) !important;
}

body.mf-system-home #mf-home-live-feed {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

body.mf-system-home .mf-home-youtube-player {
  display: grid !important;
  gap: 0.56rem !important;
  min-width: 0 !important;
}

body.mf-system-home .mf-home-youtube-player__stage {
  position: relative !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 9 !important;
  min-height: clamp(12rem, 22vw, 18.5rem) !important;
  border: 1px solid rgba(245, 200, 66, 0.32) !important;
  border-radius: 1rem !important;
  background: #020403 !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.44) !important;
}

body.mf-system-home .mf-home-youtube-player__stage iframe,
body.mf-system-home .mf-home-youtube-player__stage img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  object-fit: cover !important;
}

body.mf-system-home .mf-home-youtube-player__stage a {
  display: block !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #020403 !important;
}

body.mf-system-home .mf-home-youtube-player__stage a span {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 4.5rem !important;
  min-height: 4.5rem !important;
  border-radius: 999px !important;
  background: rgba(245, 200, 66, 0.94) !important;
  color: #061006 !important;
  font: 900 0.74rem/1 var(--f-mono, monospace) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.mf-system-home .mf-home-youtube-player__bar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.72rem !important;
  align-items: center !important;
  padding: 0.68rem 0.74rem !important;
  border: 1px solid rgba(245, 200, 66, 0.16) !important;
  border-radius: 0.9rem !important;
  background: linear-gradient(90deg, rgba(245, 200, 66, 0.09), rgba(45, 184, 75, 0.05)), rgba(0, 0, 0, 0.26) !important;
}

body.mf-system-home .mf-home-youtube-player__bar span {
  display: block !important;
  margin-bottom: 0.2rem !important;
  color: #f5c842 !important;
  font: 900 0.58rem/1 var(--f-mono, monospace) !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

body.mf-system-home .mf-home-youtube-player__bar strong {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #fffbe7 !important;
  font: 900 clamp(0.98rem, 1.35vw, 1.22rem)/1.08 var(--f-heading, inherit) !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body.mf-system-home .mf-home-youtube-player__bar small {
  display: block !important;
  margin-top: 0.22rem !important;
  color: rgba(255, 255, 255, 0.64) !important;
  font-size: 0.7rem !important;
  line-height: 1.25 !important;
}

body.mf-system-home .mf-home-youtube-player__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.34rem !important;
  justify-content: end !important;
}

body.mf-system-home .mf-home-youtube-player__actions .stl-btn {
  min-height: 2.15rem !important;
  padding: 0.52rem 0.72rem !important;
  border-radius: 0.62rem !important;
}

body.mf-system-home .mf-home-youtube-player__queue {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.45rem !important;
}

body.mf-system-home .mf-home-youtube-player__queue a {
  display: grid !important;
  grid-template-columns: 5rem minmax(0, 1fr) !important;
  gap: 0.45rem !important;
  align-items: center !important;
  min-height: 3.6rem !important;
  padding: 0.36rem !important;
  border: 1px solid rgba(245, 200, 66, 0.15) !important;
  border-radius: 0.72rem !important;
  background: rgba(255, 255, 255, 0.035) !important;
  color: #fffbe7 !important;
  text-decoration: none !important;
}

body.mf-system-home .mf-home-youtube-player__queue img {
  width: 5rem !important;
  height: 2.85rem !important;
  border-radius: 0.5rem !important;
  object-fit: cover !important;
}

body.mf-system-home .mf-home-youtube-player__queue b {
  display: -webkit-box !important;
  overflow: hidden !important;
  font-size: 0.68rem !important;
  line-height: 1.08 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body.mf-system-home #front-page .mf-front-panel {
  min-height: 0 !important;
}

body.mf-system-home #mf-daily-match {
  display: none !important;
}

body.mf-system-home #home-player-tracker {
  padding-block: clamp(1rem, 2.2vw, 2rem) !important;
  min-height: 0 !important;
}

body.mf-system-home #home-player-tracker .stl-section-header-row {
  gap: 0.75rem !important;
  margin-bottom: 0.8rem !important;
}

body.mf-system-home #home-player-tracker .stl-section-header-row .stl-subheading {
  max-width: 32rem !important;
  font-size: clamp(1.35rem, 2vw, 1.75rem) !important;
  line-height: 1.08 !important;
}

body.mf-system-home #home-player-tracker .mf-section-intro {
  max-width: 38rem !important;
  margin-top: 0.3rem !important;
  font-size: 0.84rem !important;
  line-height: 1.35 !important;
}

body.mf-system-home #home-player-tracker .mf-home-product-grid {
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.78fr) !important;
  align-items: start !important;
  gap: clamp(0.65rem, 1.25vw, 0.95rem) !important;
}

body.mf-system-home #home-player-tracker .mf-home-side-stack,
body.mf-system-home #mf-player-tracker-preview.mf-home-command-card,
body.mf-system-home #home-player-tracker .mf-pathway-preview {
  min-height: 0 !important;
  height: auto !important;
}

body.mf-system-home #mf-player-tracker-preview.mf-home-command-card {
  gap: 0.55rem !important;
  max-height: none !important;
  padding: clamp(0.75rem, 1.2vw, 1rem) !important;
  border-radius: 0.85rem !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

body.mf-system-home #mf-player-tracker-preview.mf-home-command-card::after {
  top: 0.75rem !important;
  right: 0.75rem !important;
  max-width: 7ch !important;
  font-size: clamp(1.35rem, 2.7vw, 2.55rem) !important;
  opacity: 0.8 !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-command-card__head {
  grid-template-columns: minmax(5.25rem, 7rem) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.65rem !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-player-feature-photo {
  min-height: 0 !important;
  height: clamp(5.75rem, 8vw, 7rem) !important;
  border-radius: 0.75rem !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-command-card__copy {
  gap: 0.35rem !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-command-card__copy h3 {
  font-size: clamp(1rem, 1.5vw, 1.25rem) !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-command-card__copy p,
body.mf-system-home #mf-player-tracker-preview .mf-home-command-card__copy small {
  font-size: 0.76rem !important;
  line-height: 1.32 !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-tracker-kpis {
  gap: 0.4rem !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-tracker-kpis span {
  padding: 0.48rem 0.55rem !important;
  border-radius: 0.62rem !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-tracker-kpis strong {
  font-size: 1rem !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-tracker-kpis small,
body.mf-system-home #mf-player-tracker-preview .mf-home-chip-list span {
  font-size: 0.58rem !important;
  line-height: 1 !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-chip-list {
  gap: 0.28rem !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-route-list {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.4rem !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-route-list a {
  min-height: 0 !important;
  padding: 0.5rem 0.55rem !important;
  border-radius: 0.62rem !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-route-list strong {
  font-size: 0.76rem !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-route-list small {
  font-size: 0.6rem !important;
  line-height: 1.25 !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-preview {
  border-radius: 0.85rem !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-preview__head {
  gap: 0.22rem !important;
  padding: 0.7rem 0.8rem 0.55rem !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-preview__head h3 {
  font-size: 0.95rem !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-preview__head p {
  font-size: 0.72rem !important;
  line-height: 1.32 !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.42rem !important;
  padding: 0 0.8rem 0.7rem !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-card {
  min-height: 5.4rem !important;
  gap: 0.18rem !important;
  padding: 0.52rem !important;
  border-radius: 0.68rem !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-card--logo img {
  top: 0.46rem !important;
  left: 0.46rem !important;
  width: 2.9rem !important;
  height: 2.9rem !important;
  padding: 0.34rem !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-card b {
  font-size: 0.76rem !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-card small {
  font-size: 0.6rem !important;
  line-height: 1.18 !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-actions {
  gap: 0.36rem !important;
  padding: 0.55rem 0.8rem 0.7rem !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-note {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.5rem !important;
  padding: 0.55rem 0.75rem !important;
  border-radius: 0.7rem !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-note small {
  font-size: 0.68rem !important;
}

body.mf-system-home .mf-home-command-card__meta,
body.mf-system-home .mf-home-route-card__eyebrow,
body.mf-system-home #home-player-tracker .mf-pathway-preview__head span,
body.mf-system-home .mf-matchup-team span,
body.mf-system-home .mf-matchup-crest-board > strong {
  font: 800 0.66rem/1 "JetBrains Mono", monospace !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-preview__head span {
  display: inline-flex !important;
  width: fit-content !important;
  color: #f5c842 !important;
}

body.mf-system-home #mf-player-tracker-preview.mf-home-command-card {
  gap: 0.78rem !important;
  padding: clamp(0.95rem, 1.4vw, 1.15rem) !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-command-card__head {
  grid-template-columns: minmax(8.5rem, 0.34fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 0.85rem !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-player-feature-photo {
  height: clamp(10rem, 14vw, 12rem) !important;
  min-height: clamp(10rem, 14vw, 12rem) !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-command-card__copy h3 {
  font-size: clamp(1.1rem, 1.8vw, 1.42rem) !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-command-card__copy p,
body.mf-system-home #mf-player-tracker-preview .mf-home-command-card__copy small {
  font-size: 0.82rem !important;
  line-height: 1.4 !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-tracker-kpis span {
  padding: 0.68rem 0.75rem !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-tracker-kpis strong {
  font-size: 1.2rem !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-route-list {
  grid-template-columns: 1fr !important;
  gap: 0.5rem !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-route-list a {
  padding: 0.62rem 0.7rem !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-route-list strong {
  font-size: 0.9rem !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-home-route-list small {
  font-size: 0.68rem !important;
}

body.mf-system-home #front-page #mf-front-match.mf-front-panel--worldcup-countdown {
  overflow: hidden !important;
  border-color: rgba(245, 200, 66, 0.48) !important;
  background:
    linear-gradient(120deg, rgba(146, 12, 36, 0.36), rgba(245, 200, 66, 0.18) 24%, rgba(0, 120, 78, 0.34) 58%, rgba(0, 53, 145, 0.42)),
    radial-gradient(circle at 86% 18%, rgba(255, 216, 77, 0.3), transparent 11rem),
    linear-gradient(90deg, rgba(2, 5, 4, 0.96) 0%, rgba(3, 13, 10, 0.88) 56%, rgba(3, 10, 18, 0.82) 100%) !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.44), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

body.mf-system-home #front-page #mf-front-match.mf-front-panel--worldcup-countdown::before {
  background:
    linear-gradient(90deg, rgba(0, 104, 71, 0.2) 0 2px, transparent 2px 44px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 42px),
    radial-gradient(circle at 84% 18%, rgba(245, 200, 66, 0.34), transparent 12rem),
    radial-gradient(circle at 12% 12%, rgba(220, 22, 43, 0.24), transparent 10rem) !important;
  opacity: 0.82 !important;
}

body.mf-system-home #front-page #mf-front-match .mf-wc-countdown {
  gap: 0.7rem !important;
  padding: clamp(0.85rem, 1.6vw, 1.15rem) !important;
}

body.mf-system-home #front-page #mf-front-match .mf-wc-countdown__hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) clamp(5.5rem, 18vw, 9rem) !important;
  gap: 0.75rem !important;
  align-items: center !important;
}

body.mf-system-home #front-page #mf-front-match .mf-wc-countdown__copy h3 {
  max-width: 13ch !important;
  font-size: clamp(1.32rem, 2.2vw, 2.08rem) !important;
}

body.mf-system-home #front-page #mf-front-match .mf-wc-countdown__trophy {
  position: relative !important;
  display: grid !important;
  gap: 0.28rem !important;
  justify-items: center !important;
  margin: 0 !important;
  padding: 0.42rem !important;
  border: 1px solid rgba(245, 200, 66, 0.28) !important;
  border-radius: 1rem !important;
  background: radial-gradient(circle at center, rgba(245, 200, 66, 0.22), rgba(0, 0, 0, 0.38)) !important;
}

body.mf-system-home #front-page #mf-front-match .mf-wc-countdown__trophy img {
  width: min(100%, 8rem) !important;
  height: clamp(5.8rem, 14vw, 9.2rem) !important;
  object-fit: cover !important;
  border-radius: 0.78rem !important;
  filter: saturate(1.16) contrast(1.08) drop-shadow(0 12px 24px rgba(0, 0, 0, 0.5)) !important;
}

body.mf-system-home #front-page #mf-front-match .mf-wc-countdown__trophy figcaption,
body.mf-system-home #front-page #mf-front-match .mf-wc-countdown__hosts span {
  color: rgba(255, 255, 255, 0.82) !important;
  font: 900 0.54rem/1 var(--f-mono) !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

body.mf-system-home #front-page #mf-front-match .mf-wc-countdown__hosts {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.35rem !important;
}

body.mf-system-home #front-page #mf-front-match .mf-wc-countdown__hosts span {
  padding: 0.32rem 0.48rem !important;
  border: 1px solid rgba(245, 200, 66, 0.25) !important;
  border-radius: 999px !important;
  background: rgba(0, 0, 0, 0.34) !important;
}

@media (max-width: 760px) {
  body.mf-system-home #home-partners {
    padding-block: 0.16rem !important;
  }

  body.mf-system-home #home-partners .mf-partner-ribbon {
    grid-template-columns: minmax(3.8rem, 4.4rem) minmax(0, 1fr) auto !important;
  }

  body.mf-system-home #home-partners .mf-partner-ribbon span,
  body.mf-system-home #home-partners .mf-partner-ribbon p {
    display: none !important;
  }

  body.mf-system-home #home-partners .mf-partner-ribbon strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.mf-system-home #home-partners .mf-partner-strip {
    grid-template-columns: 1fr !important;
  }

  body.mf-system-home #home-partners .mf-partner-card {
    min-height: 1.75rem !important;
  }

  .site-footer,
  .mf-footer,
  footer {
    padding-block: 1rem 1.25rem;
  }

  body.mf-system-home #front-page .mf-front-rail {
    grid-template-columns: 1fr !important;
  }

  body.mf-system-home #home-player-tracker .mf-home-product-grid,
  body.mf-system-home #mf-player-tracker-preview .mf-home-route-list,
  body.mf-system-home #home-player-tracker .mf-pathway-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-system-home #mf-player-tracker-preview .mf-home-command-card__head {
    grid-template-columns: minmax(4.8rem, 6rem) minmax(0, 1fr) !important;
  }

  body.mf-system-home #front-page #mf-front-match .mf-wc-countdown__hero {
    grid-template-columns: 1fr !important;
  }

  body.mf-system-home #front-page #mf-front-match .mf-wc-countdown__trophy {
    grid-template-columns: auto minmax(0, 1fr) !important;
    justify-items: start !important;
  }

  body.mf-system-home #front-page #mf-front-match .mf-wc-countdown__trophy img {
    width: 4.75rem !important;
    height: 4.75rem !important;
  }

  body.mf-system-home .mf-home-youtube-player__stage {
    min-height: auto !important;
  }

  body.mf-system-home .mf-home-youtube-player__bar {
    grid-template-columns: 1fr !important;
  }

  body.mf-system-home .mf-home-youtube-player__actions {
    justify-content: start !important;
  }
}

/* Compact homepage hero: remove unused vertical space while keeping the video and key actions readable. */
body.mf-system-home.mf-home-taste .mf-daily-hero,
body.mf-system-home .mf-daily-hero {
  min-height: 0 !important;
  padding: 0.35rem 0 0.4rem !important;
  overflow: hidden !important;
}

body.mf-system-home .mf-daily-bg {
  inset: 0 !important;
}

body.mf-system-home.mf-home-taste .mf-home-hero-grid,
body.mf-system-home.mf-home-taste .mf-daily-grid,
body.mf-system-home .mf-home-hero-grid,
body.mf-system-home .mf-daily-grid {
  width: min(100% - 1.2rem, 69rem) !important;
  max-width: 69rem !important;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.96fr) !important;
  align-items: stretch !important;
  gap: 0.65rem !important;
  padding: 0.45rem 0 0.35rem !important;
}

body.mf-system-home.mf-home-taste .mf-home-hero-copy,
body.mf-system-home.mf-home-taste .mf-daily-lead,
body.mf-system-home .mf-home-hero-copy,
body.mf-system-home .mf-daily-lead {
  min-height: 0 !important;
  gap: 0.48rem !important;
  padding: clamp(0.85rem, 1.4vw, 1.08rem) !important;
  border-radius: 0.9rem !important;
  align-content: center !important;
}

body.mf-system-home.mf-home-taste .mf-home-hero-copy h1,
body.mf-system-home.mf-home-taste .mf-daily-lead h1,
body.mf-system-home .mf-home-hero-copy h1,
body.mf-system-home .mf-daily-lead h1 {
  max-width: 24ch !important;
  font-size: clamp(1.55rem, 2.35vw, 2.35rem) !important;
  line-height: 1 !important;
}

body.mf-system-home.mf-home-taste .mf-home-hero-copy > p,
body.mf-system-home.mf-home-taste .mf-daily-lead > p,
body.mf-system-home .mf-home-hero-copy > p,
body.mf-system-home .mf-daily-lead > p {
  max-width: 58ch !important;
  font-size: 0.78rem !important;
  line-height: 1.32 !important;
}

body.mf-system-home .mf-daily-kicker,
body.mf-system-home .mf-home-hero-actions,
body.mf-system-home .mf-daily-actions,
body.mf-system-home .mf-home-quicklinks {
  gap: 0.35rem !important;
}

body.mf-system-home.mf-home-taste .mf-home-hero-actions .stl-btn,
body.mf-system-home.mf-home-taste .mf-daily-actions .stl-btn,
body.mf-system-home .mf-home-hero-actions .stl-btn,
body.mf-system-home .mf-daily-actions .stl-btn {
  min-height: 2.05rem !important;
  padding: 0.5rem 0.72rem !important;
  border-radius: 0.55rem !important;
  font-size: 0.68rem !important;
}

body.mf-system-home.mf-home-taste .mf-home-quicklinks a,
body.mf-system-home .mf-home-quicklinks a {
  min-height: 1.78rem !important;
  padding: 0.36rem 0.58rem !important;
  font-size: 0.58rem !important;
}

body.mf-system-home .mf-home-hero-feed.mf-daily-board,
body.mf-system-home.mf-home-taste .mf-home-hero-feed.mf-daily-board {
  gap: 0.34rem !important;
  padding: 0.48rem !important;
  border-radius: 0.9rem !important;
}

body.mf-system-home .mf-home-hero-feed .mf-board-top {
  min-height: 0 !important;
  margin-bottom: 0 !important;
}

body.mf-system-home .mf-home-youtube-player {
  gap: 0.36rem !important;
}

body.mf-system-home .mf-home-youtube-player__stage {
  min-height: 0 !important;
  max-height: 14rem !important;
  aspect-ratio: 16 / 8.8 !important;
  border-radius: 0.75rem !important;
}

body.mf-system-home .mf-home-youtube-player__bar {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.45rem !important;
  padding: 0.44rem 0.52rem !important;
  border-radius: 0.7rem !important;
}

body.mf-system-home .mf-home-youtube-player__bar strong {
  font-size: clamp(0.82rem, 1vw, 0.98rem) !important;
  line-height: 1.05 !important;
}

body.mf-system-home .mf-home-youtube-player__bar small {
  display: none !important;
}

body.mf-system-home .mf-home-youtube-player__actions .stl-btn {
  min-height: 1.75rem !important;
  padding: 0.34rem 0.55rem !important;
  font-size: 0.62rem !important;
}

body.mf-system-home .mf-home-worldcup-wrap:empty,
body.mf-system-home #mf-daily-worldcup:empty,
body.mf-system-home [data-world-cup-matchday="home"]:empty {
  display: none !important;
}

body.mf-system-home.mf-home-taste .mf-daily-ticker,
body.mf-system-home .mf-daily-ticker {
  margin-top: 0.2rem !important;
  min-height: 2rem !important;
}

@media (max-width: 860px) {
  body.mf-system-home.mf-home-taste .mf-home-hero-grid,
  body.mf-system-home.mf-home-taste .mf-daily-grid,
  body.mf-system-home .mf-home-hero-grid,
  body.mf-system-home .mf-daily-grid {
    grid-template-columns: 1fr !important;
    width: min(100% - 0.9rem, 42rem) !important;
  }

  body.mf-system-home .mf-home-youtube-player__stage {
    max-height: none !important;
    aspect-ratio: 16 / 9 !important;
  }
}

/* Compact Corner Kick: reduce section height and use the available width for content. */
body.mf-system-home #home-content-discovery {
  padding: 0.95rem 0 1.05rem !important;
  border-top: 1px solid rgba(245, 200, 66, 0.1) !important;
}

body.mf-system-home #home-content-discovery .stl-container {
  width: min(100% - 1.2rem, 74rem) !important;
  max-width: 74rem !important;
}

body.mf-system-home #home-content-discovery .stl-section-header-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 0.65rem !important;
  margin-bottom: 0.5rem !important;
}

body.mf-system-home #home-content-discovery .stl-eyebrow,
body.mf-system-home #home-content-discovery .mf-section-intro {
  display: none !important;
}

body.mf-system-home #home-content-discovery .stl-subheading {
  margin: 0 !important;
  font-size: clamp(1.6rem, 2.5vw, 2.35rem) !important;
  line-height: 0.98 !important;
}

body.mf-system-home #home-content-discovery .stl-btn {
  min-height: 2.15rem !important;
  padding: 0.46rem 0.78rem !important;
  border-radius: 0.55rem !important;
  font-size: 0.68rem !important;
}

body.mf-system-home #home-content-discovery [data-content-discovery] {
  margin-top: 0 !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-shell {
  grid-template-columns: minmax(18rem, 0.8fr) minmax(0, 1.2fr) !important;
  gap: 0.48rem !important;
  align-items: stretch !important;
  margin-top: 0 !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-video,
body.mf-system-home #home-content-discovery .mf-discovery-panel {
  border-radius: 0.78rem !important;
  box-shadow: none !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-video a {
  grid-template-rows: minmax(0, 1fr) auto !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-video__thumb {
  aspect-ratio: 16 / 7.6 !important;
  max-height: 12rem !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-video__thumb span {
  left: 0.48rem !important;
  bottom: 0.48rem !important;
  min-width: 2.35rem !important;
  min-height: 2.35rem !important;
  font-size: 0.55rem !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-video__body {
  gap: 0.18rem !important;
  padding: 0.52rem 0.62rem !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-video__body .stl-eyebrow,
body.mf-system-home #home-content-discovery .mf-discovery-video__body p {
  display: none !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-video__body h3 {
  font-size: 0.88rem !important;
  line-height: 1.06 !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-panel {
  padding: 0.5rem !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-panel .mf-growth-tabs {
  gap: 0.28rem !important;
  margin: 0 0 0.42rem !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-panel .mf-growth-tabs button {
  min-height: 2rem !important;
  padding: 0.38rem 0.56rem !important;
  border-radius: 999px !important;
  font-size: 0.58rem !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-feed {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) !important;
  gap: 0.4rem !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-card {
  border-radius: 0.62rem !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-card a {
  grid-template-columns: 5.8rem minmax(0, 1fr) !important;
  min-height: 4.35rem !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-card--lead a {
  grid-template-columns: 8.6rem minmax(0, 1fr) !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-card__body {
  gap: 0.16rem !important;
  padding: 0.42rem 0.5rem !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-card__body strong {
  font-size: 0.78rem !important;
  line-height: 1.04 !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-card__body small {
  font-size: 0.62rem !important;
  line-height: 1.18 !important;
  -webkit-line-clamp: 1 !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-card__metric {
  padding: 0.14rem 0.34rem !important;
  font-size: 0.5rem !important;
}

@media (max-width: 760px) {
  body.mf-system-home #home-content-discovery .stl-section-header-row,
  body.mf-system-home #home-content-discovery .mf-discovery-shell,
  body.mf-system-home #home-content-discovery .mf-discovery-feed,
  body.mf-system-home #home-content-discovery .mf-discovery-card a,
  body.mf-system-home #home-content-discovery .mf-discovery-card--lead a {
    grid-template-columns: 1fr !important;
  }

  body.mf-system-home #home-content-discovery .mf-discovery-video__thumb {
    aspect-ratio: 16 / 9 !important;
  }
}

/* Homepage density pass: remove leftover air while preserving live content and actions. */
body.mf-system-home {
  --mf-home-section-pad: clamp(0.72rem, 1.15vw, 1rem);
  --mf-home-card-gap: 0.5rem;
}

body.mf-system-home .mf-daily-section:not(#home-partners),
body.mf-system-home #home-content-discovery,
body.mf-system-home #home-stl-soccer,
body.mf-system-home #home-player-tracker,
body.mf-system-home #home-match-center {
  padding-block: var(--mf-home-section-pad) !important;
  min-height: 0 !important;
}

body.mf-system-home .mf-daily-section:not(#home-partners) > .stl-container,
body.mf-system-home .mf-daily-home > .stl-container,
body.mf-system-home #home-content-discovery .stl-container,
body.mf-system-home #home-stl-soccer .stl-container,
body.mf-system-home #home-player-tracker .stl-container,
body.mf-system-home #home-match-center .stl-container {
  width: min(100% - 1rem, 73rem) !important;
  max-width: 73rem !important;
}

body.mf-system-home .stl-section-header-row,
body.mf-system-home #home-content-discovery .stl-section-header-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 0.5rem !important;
  margin-bottom: 0.45rem !important;
}

body.mf-system-home .stl-section-header-row .stl-eyebrow,
body.mf-system-home .stl-section-header-row .mf-section-intro {
  margin: 0 !important;
}

body.mf-system-home .stl-section-header-row .stl-eyebrow {
  font-size: 0.56rem !important;
}

body.mf-system-home .stl-section-header-row .stl-subheading,
body.mf-system-home #home-content-discovery .stl-subheading {
  max-width: 40rem !important;
  margin: 0.12rem 0 0 !important;
  font-size: clamp(1.28rem, 1.92vw, 1.85rem) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

body.mf-system-home .stl-section-header-row .mf-section-intro {
  max-width: 42rem !important;
  margin-top: 0.22rem !important;
  font-size: 0.69rem !important;
  line-height: 1.22 !important;
}

body.mf-system-home .stl-section-header-row > .stl-btn,
body.mf-system-home .stl-section-header-row .stl-btn {
  min-height: 1.9rem !important;
  padding: 0.38rem 0.62rem !important;
  border-radius: 0.5rem !important;
  font-size: 0.61rem !important;
}

body.mf-system-home .mf-home-product-grid,
body.mf-system-home #mf-match-center-preview.mf-home-product-grid {
  gap: var(--mf-home-card-gap) !important;
  align-items: start !important;
}

body.mf-system-home .mf-home-side-stack {
  gap: var(--mf-home-card-gap) !important;
}

body.mf-system-home .mf-home-command-card,
body.mf-system-home .mf-home-route-card,
body.mf-system-home .mf-daily-tab-card,
body.mf-system-home .mf-pathway-preview,
body.mf-system-home .mf-pathway-note {
  min-height: 0 !important;
  border-radius: 0.68rem !important;
  box-shadow: none !important;
}

body.mf-system-home .mf-home-command-card {
  padding: clamp(0.58rem, 0.92vw, 0.78rem) !important;
  gap: 0.42rem !important;
}

body.mf-system-home .mf-home-command-card__head {
  gap: 0.48rem !important;
}

body.mf-system-home .mf-home-command-card__copy {
  gap: 0.18rem !important;
}

body.mf-system-home .mf-home-command-card__copy h3,
body.mf-system-home .mf-home-command-card h3,
body.mf-system-home .mf-daily-tab-card h2 {
  font-size: clamp(0.86rem, 1.1vw, 1.05rem) !important;
  line-height: 1.04 !important;
}

body.mf-system-home .mf-home-command-card__copy p,
body.mf-system-home .mf-home-command-card__copy small,
body.mf-system-home .mf-home-command-card p,
body.mf-system-home .mf-daily-tab-card p {
  font-size: 0.66rem !important;
  line-height: 1.22 !important;
}

body.mf-system-home .mf-home-command-card__statline,
body.mf-system-home .mf-home-route-list,
body.mf-system-home .mf-home-chip-list {
  gap: 0.32rem !important;
}

body.mf-system-home .mf-home-command-card__statline span,
body.mf-system-home .mf-home-route-list a {
  min-height: 0 !important;
  padding: 0.36rem 0.46rem !important;
  border-radius: 0.5rem !important;
}

body.mf-system-home .mf-home-command-card__actions,
body.mf-system-home .mf-daily-actions,
body.mf-system-home .mf-pathway-actions {
  gap: 0.3rem !important;
}

body.mf-system-home .mf-home-command-card__actions .stl-btn,
body.mf-system-home .mf-daily-actions .stl-btn,
body.mf-system-home .mf-pathway-actions .stl-btn {
  min-height: 1.75rem !important;
  padding: 0.34rem 0.52rem !important;
  border-radius: 0.48rem !important;
  font-size: 0.6rem !important;
}

body.mf-system-home #home-stl-soccer .mf-home-product-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.68fr) !important;
}

body.mf-system-home #mf-next-stl-match,
body.mf-system-home #mf-fixtures-preview,
body.mf-system-home #mf-match-center-preview .mf-home-command-card {
  min-height: 0 !important;
  height: auto !important;
}

body.mf-system-home #mf-fixtures-preview {
  max-height: 23rem !important;
  overflow: auto !important;
  scrollbar-width: thin !important;
}

body.mf-system-home #home-match-center .mf-daily-tabs {
  gap: 0.32rem !important;
  margin: 0.45rem 0 !important;
}

body.mf-system-home #home-match-center .mf-daily-tabs .mf-chip {
  min-height: 1.8rem !important;
  padding: 0.34rem 0.54rem !important;
  font-size: 0.6rem !important;
}

body.mf-system-home #mf-daily-tab-panel {
  min-height: 0 !important;
  padding: 0 !important;
}

body.mf-system-home .mf-daily-tab-grid {
  gap: var(--mf-home-card-gap) !important;
}

body.mf-system-home #home-player-tracker .mf-home-product-grid {
  grid-template-columns: minmax(0, 0.95fr) minmax(19rem, 1fr) !important;
  gap: var(--mf-home-card-gap) !important;
}

body.mf-system-home #mf-player-tracker-preview.mf-home-command-card {
  padding: 0.66rem !important;
  gap: 0.45rem !important;
}

body.mf-system-home #mf-player-tracker-preview .mf-player-feature-photo {
  height: clamp(7rem, 9.5vw, 8.75rem) !important;
  min-height: 0 !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-preview__head {
  padding: 0.5rem 0.6rem 0.35rem !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-grid {
  gap: 0.3rem !important;
  padding: 0 0.6rem 0.48rem !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-card {
  min-height: 4.45rem !important;
  padding: 0.42rem !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-card img {
  max-height: 3.35rem !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-actions {
  padding: 0.38rem 0.6rem 0.5rem !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-note {
  padding: 0.42rem 0.58rem !important;
}

body.mf-system-home #home-player-tracker .mf-pathway-note small {
  line-height: 1.22 !important;
}

@media (max-width: 860px) {
  body.mf-system-home .stl-section-header-row,
  body.mf-system-home #home-stl-soccer .mf-home-product-grid,
  body.mf-system-home #home-player-tracker .mf-home-product-grid,
  body.mf-system-home .mf-home-product-grid,
  body.mf-system-home .mf-daily-tab-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-system-home #mf-fixtures-preview {
    max-height: none !important;
    overflow: visible !important;
  }
}

/* Homepage hero trim: close the top and bottom air between the hero, ticker, partners, and next section. */
body.mf-system-home.mf-home-taste .mf-daily-hero,
body.mf-system-home .mf-daily-hero {
  padding-block: 0.16rem 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}

body.mf-system-home.mf-home-taste .mf-home-hero-grid,
body.mf-system-home.mf-home-taste .mf-daily-grid,
body.mf-system-home .mf-home-hero-grid,
body.mf-system-home .mf-daily-grid {
  padding-block: 0.22rem !important;
  gap: 0.48rem !important;
}

body.mf-system-home.mf-home-taste .mf-home-hero-copy,
body.mf-system-home.mf-home-taste .mf-daily-lead,
body.mf-system-home .mf-home-hero-copy,
body.mf-system-home .mf-daily-lead {
  padding: clamp(0.68rem, 1.08vw, 0.9rem) !important;
  gap: 0.34rem !important;
}

body.mf-system-home.mf-home-taste .mf-home-hero-copy h1,
body.mf-system-home.mf-home-taste .mf-daily-lead h1,
body.mf-system-home .mf-home-hero-copy h1,
body.mf-system-home .mf-daily-lead h1 {
  font-size: clamp(1.42rem, 2vw, 2.05rem) !important;
}

body.mf-system-home.mf-home-taste .mf-home-hero-copy > p,
body.mf-system-home.mf-home-taste .mf-daily-lead > p,
body.mf-system-home .mf-home-hero-copy > p,
body.mf-system-home .mf-daily-lead > p {
  font-size: 0.72rem !important;
  line-height: 1.22 !important;
}

body.mf-system-home .mf-home-hero-feed.mf-daily-board,
body.mf-system-home.mf-home-taste .mf-home-hero-feed.mf-daily-board {
  padding: 0.38rem !important;
  gap: 0.26rem !important;
}

body.mf-system-home .mf-home-youtube-player__stage {
  max-height: 11.8rem !important;
}

body.mf-system-home .mf-home-youtube-player__bar {
  padding: 0.34rem 0.45rem !important;
}

body.mf-system-home .mf-home-worldcup-wrap:has(#mf-daily-worldcup:empty):has([data-world-cup-matchday="home"]:empty) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.mf-system-home.mf-home-taste .mf-home-worldcup-wrap,
body.mf-system-home .mf-home-worldcup-wrap {
  margin-top: 0.18rem !important;
  padding: 0.34rem !important;
  border-radius: 0.72rem !important;
}

body.mf-system-home .mf-home-worldcup-wrap [data-world-cup-matchday="home"] {
  margin-top: 0 !important;
}

body.mf-system-home.mf-home-taste .mf-daily-ticker,
body.mf-system-home .mf-daily-ticker {
  margin-top: 0.12rem !important;
  min-height: 1.55rem !important;
  height: 1.55rem !important;
  padding-block: 0 !important;
}

body.mf-system-home .mf-daily-ticker > span {
  min-height: 1.55rem !important;
  padding: 0 0.52rem !important;
}

body.mf-system-home #mf-daily-ticker-track {
  min-height: 1.55rem !important;
}

body.mf-system-home #home-partners {
  padding-block: 0.08rem !important;
  margin: 0 !important;
}

body.mf-system-home #home-content-discovery {
  padding-top: 0.58rem !important;
}

/* Match Center compact scoreboard */
body.mf-system-match .mc-last-wrap {
  margin-bottom: 0.75rem !important;
}

body.mf-system-match .mc-last-wrap .mc-section-head {
  margin-bottom: 0.45rem !important;
}

body.mf-system-match .mc-last-card {
  border-radius: 16px !important;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}

body.mf-system-match .mc-last-card.is-linkable {
  cursor: pointer !important;
}

body.mf-system-match .mc-last-card.is-linkable:focus-visible {
  outline: 2px solid rgba(255, 213, 76, 0.9) !important;
  outline-offset: 3px !important;
}

body.mf-system-match .mc-last-card.is-linkable:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(255, 213, 76, 0.42) !important;
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body.mf-system-match .mc-last-card::after {
  width: 8rem !important;
  height: 8rem !important;
  top: 0.5rem !important;
  right: 0.6rem !important;
}

body.mf-system-match .mc-last-card.is-mls::after {
  width: 10rem !important;
  height: 10rem !important;
}

body.mf-system-match .mc-last-grid {
  grid-template-columns: minmax(0, 1fr) minmax(12rem, 17rem) minmax(0, 1fr) !important;
  gap: 0.58rem !important;
  align-items: stretch !important;
  padding: 0.72rem !important;
}

body.mf-system-match .mc-club {
  display: grid !important;
  grid-template-columns: 3.2rem minmax(0, 1fr) !important;
  grid-template-areas:
    "crest label"
    "crest name"
    "crest meta"
    "record record" !important;
  align-content: center !important;
  gap: 0.18rem 0.55rem !important;
  min-height: 0 !important;
  padding: 0.65rem !important;
  border-radius: 13px !important;
}

body.mf-system-match .mc-last-card.is-mls .mc-club:hover,
body.mf-system-match .mc-last-card.is-mls .mc-club:focus-within {
  transform: translateY(-2px) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  background-color: rgba(255, 255, 255, 0.075) !important;
}

body.mf-system-match .mc-club-label {
  grid-area: label !important;
  margin: 0 !important;
  font-size: 0.58rem !important;
}

body.mf-system-match .mc-club-crest {
  grid-area: crest !important;
  width: 3.05rem !important;
  height: 3.05rem !important;
  margin: 0 !important;
  border-radius: 0.85rem !important;
}

body.mf-system-match .mc-club-crest img {
  width: 2.35rem !important;
  height: 2.35rem !important;
}

body.mf-system-match .mc-club h3 {
  grid-area: name !important;
  margin: 0 !important;
  font-size: clamp(0.9rem, 1.35vw, 1.12rem) !important;
  line-height: 1.02 !important;
}

body.mf-system-match .mc-club p {
  grid-area: meta !important;
  margin: 0 !important;
  font-size: 0.66rem !important;
  line-height: 1.15 !important;
}

body.mf-system-match .mc-club-record {
  grid-area: record !important;
  margin-top: 0.4rem !important;
  gap: 0.35rem !important;
}

body.mf-system-match .mc-club-record span,
body.mf-system-match .mc-mls-chip {
  min-height: 1.34rem !important;
  padding: 0.28rem 0.42rem !important;
  font-size: 0.54rem !important;
}

body.mf-system-match .mc-scorebox {
  min-height: 0 !important;
  padding: 0.62rem !important;
  border-radius: 14px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

body.mf-system-match .mc-scorebox__topline {
  gap: 0.32rem !important;
}

body.mf-system-match .mc-badge {
  margin-bottom: 0.34rem !important;
  padding: 0.28rem 0.48rem !important;
  font-size: 0.58rem !important;
}

body.mf-system-match .mc-last-card.is-live .mc-badge {
  color: #07111b !important;
  background: linear-gradient(135deg, #ffd54c, #ff6b35) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
}

body.mf-system-match .mc-score {
  gap: 0.45rem !important;
  font-size: clamp(2rem, 4vw, 3.1rem) !important;
}

body.mf-system-match .mc-live-meter {
  height: 0.32rem !important;
  width: min(100%, 13rem) !important;
}

body.mf-system-match .mc-final {
  margin-top: 0.34rem !important;
  font-size: 0.76rem !important;
}

body.mf-system-match .mc-last-card.is-live .mc-final {
  color: #ffd54c !important;
  text-shadow: 0 0 16px rgba(255, 213, 76, 0.35) !important;
}

body.mf-system-match .mc-meta {
  margin-top: 0.3rem !important;
  font-size: 0.68rem !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

body.mf-system-match .mc-score-actions {
  gap: 0.36rem !important;
  margin-top: 0.46rem !important;
}

body.mf-system-match .mc-action {
  min-height: 1.72rem !important;
  padding: 0.34rem 0.52rem !important;
  font-size: 0.58rem !important;
}

body.mf-system-match .mc-notes,
body.mf-system-match .mc-live-stats {
  gap: 0.44rem !important;
  padding: 0 0.72rem 0.62rem !important;
}

body.mf-system-match .mc-note,
body.mf-system-match .mc-live-stat {
  min-height: 0 !important;
  padding: 0.52rem 0.58rem !important;
  border-radius: 12px !important;
}

body.mf-system-match .mc-note:hover,
body.mf-system-match .mc-note:focus-within,
body.mf-system-match .mc-live-stat:hover,
body.mf-system-match .mc-live-stat:focus-within {
  transform: translateY(-2px) !important;
  border-color: rgba(245, 200, 66, 0.34) !important;
}

body.mf-system-match .mc-note span,
body.mf-system-match .mc-live-stat span {
  margin-bottom: 0.25rem !important;
  font-size: 0.52rem !important;
}

body.mf-system-match .mc-note p,
body.mf-system-match .mc-live-stat strong {
  font-size: 0.74rem !important;
  line-height: 1.18 !important;
}

body.mf-system-match .mc-live-stat small {
  margin-top: 0.22rem !important;
  font-size: 0.62rem !important;
  line-height: 1.22 !important;
}

body.mf-system-match .mc-note-actions {
  gap: 0.4rem !important;
  padding: 0 0.72rem 0.72rem !important;
}

body.mf-system-match .mc-note-actions a {
  min-height: 1.68rem !important;
  padding: 0.34rem 0.52rem !important;
  font-size: 0.54rem !important;
}

@media (max-width: 980px) {
  body.mf-system-match .mc-last-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-system-match .mc-scorebox {
    order: -1 !important;
  }
}

/* Match Center compact STL feed */
body.mf-system-match .mc-stl-feed {
  margin: 0.75rem 0 1rem !important;
}

body.mf-system-match .mc-stl-feed .mc-section-head {
  margin-bottom: 0.45rem !important;
}

body.mf-system-match .mc-stl-feed > .mc-panel {
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(255, 213, 76, 0.14), transparent 18rem),
    radial-gradient(circle at 100% 0%, rgba(0, 172, 220, 0.12), transparent 18rem),
    linear-gradient(135deg, rgba(5, 18, 16, 0.96), rgba(8, 25, 22, 0.9)) !important;
}

body.mf-system-match .mc-stl-feed-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.55rem !important;
  padding: 0.55rem !important;
}

body.mf-system-match .mc-stl-feed-panel {
  min-height: 0 !important;
  border-radius: 13px !important;
  background:
    linear-gradient(135deg, rgba(10, 32, 35, 0.88), rgba(6, 19, 22, 0.82)),
    linear-gradient(90deg, rgba(202, 42, 51, 0.1), transparent 50%, rgba(42, 170, 91, 0.12)) !important;
}

body.mf-system-match .mc-stl-feed-head {
  padding: 0.46rem 0.58rem !important;
}

body.mf-system-match .mc-stl-feed-head::after {
  content: "auto" !important;
  padding: 0.22rem 0.42rem !important;
  font-size: 0.5rem !important;
}

body.mf-system-match .mc-stl-feed-head h3 {
  font-size: 0.8rem !important;
}

body.mf-system-match .mc-stl-feed-list {
  max-height: 22rem !important;
  min-height: 0 !important;
  gap: 0.36rem !important;
  padding: 0.42rem !important;
}

body.mf-system-match .mc-stl-item {
  min-height: 0 !important;
  padding: 0.48rem 0.5rem 0.5rem 3.55rem !important;
  border-radius: 11px !important;
  gap: 0.24rem 0.42rem !important;
}

body.mf-system-match .mc-stl-item.has-host-stadium .mc-stl-match-visual {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.44)),
    var(--host-stadium) center / cover no-repeat !important;
}

body.mf-system-match .mc-stl-match-visual {
  left: 0.42rem !important;
  top: 0.42rem !important;
  bottom: 0.42rem !important;
  width: 2.72rem !important;
}

body.mf-system-match .mc-stl-team-logo {
  width: 1.22rem !important;
  height: 1.22rem !important;
}

body.mf-system-match .mc-stl-team-logo img {
  width: 1rem !important;
  height: 1rem !important;
}

body.mf-system-match .mc-stl-versus {
  width: 0.95rem !important;
  height: 0.95rem !important;
  font-size: 0.32rem !important;
}

body.mf-system-match .mc-stl-item-top {
  gap: 0.35rem !important;
}

body.mf-system-match .mc-stl-item-top strong {
  font-size: 0.73rem !important;
  line-height: 1.12 !important;
}

body.mf-system-match .mc-stl-rail,
body.mf-system-match .mc-stl-venue {
  display: none !important;
}

body.mf-system-match .mc-stl-scoreline {
  align-self: start !important;
  padding: 0.28rem 0.4rem !important;
  border-radius: 0.5rem !important;
  font-size: 0.62rem !important;
}

body.mf-system-match .mc-stl-item small {
  font-size: 0.6rem !important;
  line-height: 1.2 !important;
}

body.mf-system-match .mc-stl-action {
  margin-top: 0.12rem !important;
  font-size: 0.52rem !important;
}

body.mf-system-match .mc-stl-item.has-host-stadium .mc-stl-action::before {
  content: "" !important;
  width: 0.42rem !important;
  height: 0.42rem !important;
  border-radius: 999px !important;
  background: #ffd54c !important;
  box-shadow: 0 0 14px rgba(255, 213, 76, 0.42) !important;
}

body.mf-system-match .mc-stl-empty {
  min-height: 4rem !important;
  display: grid !important;
  place-items: center !important;
  padding: 0.8rem !important;
  border-radius: 11px !important;
  border: 1px dashed rgba(255, 213, 76, 0.22) !important;
  color: rgba(255, 255, 255, 0.66) !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

@media (max-width: 900px) {
  body.mf-system-match .mc-stl-feed-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-system-match .mc-stl-feed-list {
    max-height: none !important;
  }
}

/* Match Center compact expanded watch lanes */
body.mf-system-match #expanded-matchday-watch {
  margin: 0.65rem 0 0.85rem !important;
  padding: 0.68rem !important;
  border-radius: 15px !important;
  min-height: 0 !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(255, 213, 76, 0.14), transparent 18rem),
    radial-gradient(circle at 92% 0%, rgba(0, 171, 220, 0.14), transparent 18rem),
    linear-gradient(135deg, rgba(3, 12, 11, 0.98), rgba(4, 20, 24, 0.92)) !important;
}

body.mf-system-match #expanded-matchday-watch::after {
  display: none !important;
}

body.mf-system-match #expanded-matchday-watch .mc-section-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.55rem !important;
  margin-bottom: 0.45rem !important;
}

body.mf-system-match #expanded-matchday-watch .mc-section-head h2 {
  margin: 0.08rem 0 !important;
  font-size: clamp(1rem, 1.5vw, 1.28rem) !important;
  line-height: 1.05 !important;
}

body.mf-system-match #expanded-matchday-watch .mc-section-head p {
  max-width: 54rem !important;
  font-size: 0.69rem !important;
  line-height: 1.25 !important;
}

body.mf-system-match #expanded-matchday-watch .mc-board-kpis {
  grid-template-columns: repeat(3, minmax(0, 6.4rem)) !important;
  gap: 0.3rem !important;
}

body.mf-system-match #expanded-matchday-watch .mc-board-kpi {
  min-height: 0 !important;
  padding: 0.38rem 0.48rem !important;
  border-radius: 10px !important;
}

body.mf-system-match #expanded-matchday-watch .mc-board-kpi strong {
  font-size: 0.72rem !important;
}

body.mf-system-match #expanded-matchday-watch .mc-board-kpi span {
  font-size: 0.52rem !important;
}

body.mf-system-match .mc-expansion-command-bar {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.36rem !important;
  margin: 0.28rem 0 0.48rem !important;
}

body.mf-system-match .mc-expansion-command-bar article {
  min-height: 0 !important;
  padding: 0.38rem 0.48rem !important;
  border-radius: 10px !important;
}

body.mf-system-match .mc-expansion-command-bar strong {
  font-size: 0.7rem !important;
}

body.mf-system-match .mc-expansion-command-bar span {
  font-size: 0.55rem !important;
}

body.mf-system-match .mc-expansion-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.46rem !important;
}

body.mf-system-match .mc-expansion-card {
  min-height: 0 !important;
  gap: 0.34rem !important;
  padding: 0.54rem !important;
  border-radius: 12px !important;
  transform: translateZ(0);
}

body.mf-system-match .mc-expansion-card:hover,
body.mf-system-match .mc-expansion-card:focus-within {
  border-color: var(--mc-expansion-accent, #ffd54c) !important;
  transform: translateY(-2px);
}

body.mf-system-match .mc-expansion-media {
  min-height: 3.25rem !important;
  padding: 0.34rem !important;
  border-radius: 10px !important;
}

body.mf-system-match .mc-expansion-media img {
  max-width: 58% !important;
  max-height: 2.65rem !important;
}

body.mf-system-match .mc-expansion-media figcaption {
  bottom: 0.26rem !important;
  font-size: 0.48rem !important;
}

body.mf-system-match .mc-expansion-card__head h3 {
  margin: 0.1rem 0 0.14rem !important;
  font-size: 0.9rem !important;
  line-height: 1.08 !important;
}

body.mf-system-match .mc-expansion-card__head p,
body.mf-system-match .mc-expansion-item p {
  font-size: 0.64rem !important;
  line-height: 1.23 !important;
}

body.mf-system-match .mc-expansion-card__head span,
body.mf-system-match .mc-expansion-item span,
body.mf-system-match .mc-expansion-status {
  font-size: 0.49rem !important;
}

body.mf-system-match .mc-expansion-status {
  min-height: 0 !important;
  padding: 0.22rem 0.38rem !important;
  border-radius: 999px !important;
}

body.mf-system-match .mc-expansion-items {
  max-height: 8.4rem !important;
  gap: 0.3rem !important;
}

body.mf-system-match .mc-expansion-item {
  padding: 0.34rem !important;
  gap: 0.12rem !important;
  border-radius: 9px !important;
}

body.mf-system-match .mc-expansion-item strong {
  font-size: 0.68rem !important;
  line-height: 1.12 !important;
}

body.mf-system-match .mc-expansion-item small {
  font-size: 0.55rem !important;
}

body.mf-system-match .mc-expansion-actions {
  gap: 0.28rem !important;
}

body.mf-system-match .mc-expansion-action {
  min-height: 1.5rem !important;
  padding: 0.3rem 0.42rem !important;
  border-radius: 9px !important;
  font-size: 0.5rem !important;
}

body.mf-system-match .mc-expansion-youth {
  display: none !important;
}

@media (max-width: 1050px) {
  body.mf-system-match #expanded-matchday-watch .mc-section-head {
    grid-template-columns: 1fr !important;
  }

  body.mf-system-match #expanded-matchday-watch .mc-board-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.mf-system-match .mc-expansion-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-system-match .mc-expansion-command-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mf-system-match .mc-expansion-items {
    max-height: none !important;
  }
}

/* Match Center page restore: compact, readable, no oversized blank shell */
body.mf-system-match.mf-match-center-main .mc-main {
  padding-top: calc(var(--nav-height, 60px) + 0.18rem) !important;
  padding-bottom: 1.1rem !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(255, 213, 76, 0.08), transparent 24rem),
    radial-gradient(circle at 86% 2%, rgba(49, 145, 255, 0.1), transparent 26rem),
    linear-gradient(180deg, #030807 0%, #050d0b 42%, #06110e 100%) !important;
}

body.mf-system-match.mf-match-center-main .mf-player-directory-hero {
  min-height: 0 !important;
  height: auto !important;
  padding: 0.62rem 0.85rem !important;
  margin: 0 0 0.55rem !important;
  place-items: stretch !important;
  align-content: start !important;
  border-bottom: 1px solid rgba(245, 200, 66, 0.18) !important;
  box-shadow: none !important;
  background:
    linear-gradient(90deg, rgba(4, 10, 8, 0.96), rgba(4, 15, 16, 0.84)),
    url("../img/stl-hero/energizer-park-stl.jpg") center / cover no-repeat !important;
}

body.mf-system-match.mf-match-center-main .mf-player-directory-hero::before,
body.mf-system-match.mf-match-center-main .mf-player-directory-hero::after {
  display: none !important;
}

body.mf-system-match.mf-match-center-main .mf-player-directory-hero > .stl-container,
body.mf-system-match.mf-match-center-main .mf-player-directory-hero-grid {
  min-height: 0 !important;
  width: min(100% - 1rem, 1080px) !important;
  max-width: 1080px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.65rem !important;
  align-items: center !important;
  justify-items: stretch !important;
  padding: 0 !important;
  margin-inline: auto !important;
}

body.mf-system-match.mf-match-center-main .mf-player-directory-hero-grid > div:first-child {
  min-height: 0 !important;
  width: 100% !important;
  align-self: center !important;
  justify-self: stretch !important;
  text-align: left !important;
  gap: 0.34rem !important;
  padding: 0.72rem 0.82rem !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(3, 8, 7, 0.88), rgba(5, 14, 14, 0.66)) !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px);
}

body.mf-system-match.mf-match-center-main .mf-player-directory-hero .stl-eyebrow {
  font-size: 0.56rem !important;
  line-height: 1 !important;
}

body.mf-system-match.mf-match-center-main .mf-player-directory-hero .stl-heading {
  max-width: 18ch !important;
  margin: 0 !important;
  text-align: left !important;
  font-size: clamp(1.3rem, 2.35vw, 2rem) !important;
  line-height: 0.98 !important;
}

body.mf-system-match.mf-match-center-main .mf-player-directory-hero .stl-muted {
  max-width: 64ch !important;
  margin: 0 !important;
  text-align: left !important;
  font-size: 0.72rem !important;
  line-height: 1.28 !important;
}

body.mf-system-match.mf-match-center-main .mf-player-directory-hero .mf-hero-chip-row {
  margin: 0 !important;
  justify-content: flex-start !important;
  gap: 0.32rem !important;
}

body.mf-system-match.mf-match-center-main .mf-player-directory-hero .mf-hero-chip-row span {
  min-height: 1.36rem !important;
  padding: 0.26rem 0.46rem !important;
  font-size: 0.5rem !important;
}

body.mf-system-match.mf-match-center-main .mf-player-hero-crest {
  width: clamp(5.2rem, 8vw, 7rem) !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0.52rem !important;
  border-radius: 14px !important;
  align-self: stretch !important;
  justify-content: center !important;
  background: rgba(3, 8, 7, 0.76) !important;
  box-shadow: none !important;
}

body.mf-system-match.mf-match-center-main .mf-player-hero-crest img {
  width: 3.8rem !important;
  height: 3.8rem !important;
}

body.mf-system-match.mf-match-center-main .mf-player-hero-crest span {
  font-size: 0.5rem !important;
  line-height: 1.1 !important;
}

body.mf-system-match.mf-match-center-main .mc-shell {
  width: min(100% - 1.4rem, 1160px) !important;
  display: grid !important;
  gap: 0.72rem !important;
  margin-inline: auto !important;
}

body.mf-system-match.mf-match-center-main .mc-shell > section {
  margin-block: 0 !important;
}

body.mf-system-match.mf-match-center-main .mc-section-head {
  gap: 0.55rem !important;
  margin-bottom: 0.44rem !important;
}

body.mf-system-match.mf-match-center-main .mc-section-head h2 {
  font-size: clamp(1rem, 1.8vw, 1.42rem) !important;
  line-height: 1.02 !important;
  margin: 0 !important;
}

body.mf-system-match.mf-match-center-main .mc-section-head p {
  margin: 0.18rem 0 0 !important;
  font-size: 0.7rem !important;
  line-height: 1.25 !important;
}

body.mf-system-match.mf-match-center-main .mf-matchday-desk,
body.mf-system-match.mf-match-center-main .mc-panel,
body.mf-system-match.mf-match-center-main .mc-last-card,
body.mf-system-match.mf-match-center-main .mc-stl-feed > .mc-panel {
  background:
    linear-gradient(135deg, rgba(5, 15, 14, 0.96), rgba(5, 19, 22, 0.9)) !important;
  border-color: rgba(245, 200, 66, 0.18) !important;
}

body.mf-system-match.mf-match-center-main #all-leagues {
  padding: 0.5rem !important;
  border-radius: 14px !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-board {
  display: grid !important;
  gap: 0.38rem !important;
  padding: 0.34rem !important;
}

body.mf-system-match.mf-match-center-main #all-leagues > .mc-board > .mc-section-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 320px) !important;
  align-items: start !important;
  min-height: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

body.mf-system-match.mf-match-center-main #all-leagues > .mc-board > .mc-section-head > .mc-board-kpis {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 320px !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
  justify-self: end !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  gap: 0.28rem !important;
}

body.mf-system-match.mf-match-center-main #all-leagues > .mc-board > .mc-section-head > .mc-board-kpis > .mc-board-kpi {
  min-height: 2.05rem !important;
  height: auto !important;
  max-height: 2.32rem !important;
  padding: 0.3rem 0.38rem !important;
  border-radius: 8px !important;
  display: grid !important;
  align-content: center !important;
  gap: 0.08rem !important;
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease !important;
}

body.mf-system-match.mf-match-center-main #all-leagues > .mc-board > .mc-section-head > .mc-board-kpis > .mc-board-kpi:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(245, 200, 66, 0.34) !important;
}

body.mf-system-match.mf-match-center-main #all-leagues > .mc-board > .mc-section-head > .mc-board-kpis > .mc-board-kpi strong {
  font-size: 0.78rem !important;
  line-height: 1 !important;
  margin: 0 !important;
}

body.mf-system-match.mf-match-center-main #all-leagues > .mc-board > .mc-section-head > .mc-board-kpis > .mc-board-kpi span {
  margin: 0 !important;
  font-size: 0.39rem !important;
  line-height: 1.05 !important;
  white-space: normal !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-board-pulse {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 0.28rem !important;
  margin: 0 !important;
  padding: 0.24rem !important;
  max-height: 3rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border: 1px solid rgba(245, 200, 66, 0.14) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(90deg, rgba(245, 200, 66, 0.08), rgba(32, 163, 86, 0.06)),
    rgba(2, 9, 8, 0.42) !important;
  scrollbar-width: thin !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-board-pulse article {
  flex: 1 0 8.6rem !important;
  min-width: 8.6rem !important;
  min-height: 2.15rem !important;
  max-height: 2.38rem !important;
  padding: 0.34rem 0.42rem 0.34rem 0.58rem !important;
  border-radius: 8px !important;
  align-content: center !important;
  gap: 0.08rem !important;
  animation: mfMatchCompactRise 0.34s ease both !important;
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-board-pulse article:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(245, 200, 66, 0.28) !important;
  background: rgba(255, 255, 255, 0.065) !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-board-pulse article::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(110deg, transparent 0 40%, rgba(255, 255, 255, 0.08) 50%, transparent 62%) !important;
  transform: translateX(-120%) !important;
  animation: mfMatchPulseSweep 4.2s ease-in-out infinite !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-board-pulse strong {
  font-size: 0.78rem !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-board-pulse span {
  font-size: 0.39rem !important;
  line-height: 1 !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-board-pulse small {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 0.55rem !important;
  line-height: 1.05 !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-date-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0.28rem !important;
  margin: 0 !important;
  padding: 0.04rem 0 0.02rem !important;
  max-height: 2.6rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-date-tab {
  flex: 0 0 auto !important;
  min-width: 6.8rem !important;
  min-height: 2rem !important;
  max-height: 2.2rem !important;
  padding: 0.32rem 0.5rem 0.32rem 1.86rem !important;
  border-radius: 9px !important;
  font-size: 0.61rem !important;
  box-shadow: none !important;
  animation: mfMatchCompactRise 0.28s ease both !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-date-tab::before {
  left: 0.34rem !important;
  width: 1.12rem !important;
  height: 1.12rem !important;
  border-radius: 0.36rem !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-date-tab small {
  margin-top: 0.08rem !important;
  font-size: 0.43rem !important;
  line-height: 1 !important;
}

body.mf-system-match.mf-match-center-main .mc-day.is-active {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 0.36rem !important;
  align-items: start !important;
  min-height: 0 !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-league {
  min-height: 0 !important;
  border-radius: 10px !important;
  animation: mfMatchCompactRise 0.34s ease both !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-league-head {
  min-height: 0 !important;
  padding: 0.34rem 0.42rem !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-league-head h3 {
  font-size: 0.64rem !important;
  line-height: 1.05 !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-league-chip {
  font-size: 0.42rem !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-fixtures {
  max-height: 12rem !important;
  gap: 0.24rem !important;
  padding: 0.3rem !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-fixture {
  grid-template-columns: 2.8rem minmax(0, 1fr) auto !important;
  min-height: 0 !important;
  padding: 0.34rem !important;
  border-radius: 9px !important;
  gap: 0.38rem !important;
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-fixture:hover,
body.mf-system-match.mf-match-center-main #all-leagues .mc-fixture:focus-visible {
  transform: translateY(-1px) !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-fixture-logos {
  gap: 0.22rem !important;
  margin-bottom: 0.18rem !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-fixture-logos span {
  padding: 0.14rem 0.28rem 0.14rem 0.18rem !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-fixture-logos img {
  width: 1.45rem !important;
  height: 1.45rem !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-fixture-logos b {
  font-size: 0.48rem !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-teamline {
  gap: 0.28rem !important;
  min-height: 0 !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-teamline img {
  width: 1.15rem !important;
  height: 1.15rem !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-teamline strong,
body.mf-system-match.mf-match-center-main #all-leagues .mc-matchup span,
body.mf-system-match.mf-match-center-main #all-leagues .mc-state span {
  font-size: 0.58rem !important;
  line-height: 1.08 !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-time {
  font-size: 0.52rem !important;
}

body.mf-system-match.mf-match-center-main #all-leagues .mc-board-empty {
  min-height: 3rem !important;
  padding: 0.62rem !important;
  border-radius: 10px !important;
}

@keyframes mfMatchCompactRise {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes mfMatchPulseSweep {
  0%, 72% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(120%);
  }
}

@media (max-width: 900px) {
  body.mf-system-match.mf-match-center-main .mf-player-directory-hero > .stl-container,
  body.mf-system-match.mf-match-center-main .mf-player-directory-hero-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-system-match.mf-match-center-main .mf-player-hero-crest {
    display: none !important;
  }

  body.mf-system-match.mf-match-center-main .mc-board-pulse {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mf-system-match.mf-match-center-main #all-leagues > .mc-board > .mc-section-head {
    grid-template-columns: 1fr !important;
  }

  body.mf-system-match.mf-match-center-main #all-leagues > .mc-board > .mc-section-head > .mc-board-kpis {
    max-width: none !important;
    justify-self: stretch !important;
  }
}

@media (max-width: 640px) {
  body.mf-system-match.mf-match-center-main .mc-main {
    padding-top: calc(var(--nav-height, 56px) + 0.1rem) !important;
  }

  body.mf-system-match.mf-match-center-main .mc-shell {
    width: min(100% - 0.8rem, 1160px) !important;
  }

  body.mf-system-match.mf-match-center-main .mc-board-pulse {
    grid-template-columns: 1fr !important;
  }
}

body.mf-world-cup-page {
  background:
    radial-gradient(circle at 18% 0%, rgba(33, 140, 94, 0.13), transparent 22rem),
    radial-gradient(circle at 82% 12%, rgba(14, 95, 178, 0.13), transparent 24rem),
    linear-gradient(180deg, #030807 0%, #06100b 42%, #020504 100%) !important;
  color: #f5f8f2 !important;
}

body.mf-world-cup-page .mf-worldcup-hero {
  min-height: 0 !important;
  padding: calc(var(--nav-height, 56px) + 0.42rem) 0 0.62rem !important;
  border-bottom: 1px solid rgba(245, 200, 66, 0.16) !important;
  background:
    linear-gradient(90deg, rgba(4, 10, 8, 0.92), rgba(5, 16, 15, 0.72)),
    url("../img/world-cup-hosts/world-cup-trophy-hero.jpg") center / cover no-repeat !important;
}

body.mf-world-cup-page .mf-worldcup-hero::before {
  opacity: 0.45 !important;
}

body.mf-world-cup-page .mf-worldcup-hero .stl-container,
body.mf-world-cup-page .mf-worldcup-hero__grid,
body.mf-world-cup-page main > .stl-section > .stl-container,
body.mf-world-cup-page #stl-wc-angle > .stl-container,
body.mf-world-cup-page .stl-section--alt > .stl-container {
  width: min(100% - 1.2rem, 1180px) !important;
  max-width: 1180px !important;
}

body.mf-world-cup-page .mf-worldcup-hero__grid {
  grid-template-columns: minmax(0, 1.12fr) minmax(280px, 0.58fr) !important;
  gap: 0.58rem !important;
  align-items: stretch !important;
}

body.mf-world-cup-page .mf-worldcup-hero__copy,
body.mf-world-cup-page .mf-worldcup-hero__media,
body.mf-world-cup-page .mf-world-section,
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-board,
body.mf-world-cup-page .site-newsletter-shell {
  border-radius: 12px !important;
  border-color: rgba(245, 200, 66, 0.16) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24) !important;
}

body.mf-world-cup-page .mf-worldcup-hero__copy {
  display: grid !important;
  gap: 0.5rem !important;
  padding: 0.78rem !important;
  min-height: 0 !important;
  background: rgba(2, 8, 7, 0.74) !important;
}

body.mf-world-cup-page .mf-worldcup-hero__brand {
  display: flex !important;
  align-items: center !important;
  gap: 0.56rem !important;
  min-height: 0 !important;
}

body.mf-world-cup-page .mf-worldcup-hero__brand img {
  width: 2.75rem !important;
  height: 2.75rem !important;
  object-fit: contain !important;
}

body.mf-world-cup-page .mf-worldcup-hero__brand strong {
  font-size: 0.74rem !important;
  line-height: 1 !important;
}

body.mf-world-cup-page .mf-worldcup-hero__title {
  max-width: 18ch !important;
  margin: 0 !important;
  font-size: clamp(1.85rem, 4.2vw, 3.3rem) !important;
  line-height: 0.96 !important;
}

body.mf-world-cup-page .mf-worldcup-hero__lede {
  max-width: 66ch !important;
  margin: 0 !important;
  color: rgba(235, 245, 238, 0.78) !important;
  font-size: 0.82rem !important;
  line-height: 1.36 !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 {
  display: flex !important;
  gap: 0.36rem !important;
  margin-top: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin !important;
}

body.mf-world-cup-page .mf-worldcup-hero__stat,
body.mf-world-cup-page .mf-worldcup-hero__flag,
body.mf-world-cup-page .mf-worldcup-hero__ticker article {
  flex: 1 0 7.7rem !important;
  min-height: 2.55rem !important;
  padding: 0.42rem 0.52rem !important;
  border-radius: 9px !important;
  background: rgba(3, 12, 11, 0.76) !important;
}

body.mf-world-cup-page .mf-worldcup-hero__stat strong {
  font-size: 1.05rem !important;
}

body.mf-world-cup-page .mf-worldcup-hero__stat span,
body.mf-world-cup-page .mf-worldcup-hero__flag small,
body.mf-world-cup-page .mf-worldcup-hero__ticker small {
  font-size: 0.56rem !important;
  line-height: 1.05 !important;
}

body.mf-world-cup-page .mf-worldcup-hero__flag img {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

body.mf-world-cup-page .mf-worldcup-hero__flag strong,
body.mf-world-cup-page .mf-worldcup-hero__ticker strong {
  font-size: 0.7rem !important;
  line-height: 1.04 !important;
}

body.mf-world-cup-page .mf-worldcup-hero__actions {
  gap: 0.34rem !important;
  margin-top: 0 !important;
}

body.mf-world-cup-page .mf-worldcup-hero__actions a,
body.mf-world-cup-page .mf-wc-command-actions a,
body.mf-world-cup-page .mf-wc-schedule-actions a,
body.mf-world-cup-page .mf-roadmap-action,
body.mf-world-cup-page .mf-page-actions a {
  min-height: 2rem !important;
  padding: 0.42rem 0.6rem !important;
  border-radius: 8px !important;
  font-size: 0.64rem !important;
}

body.mf-world-cup-page .mf-worldcup-hero__media {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  overflow: hidden !important;
  background: rgba(4, 12, 10, 0.78) !important;
}

body.mf-world-cup-page .mf-worldcup-hero__media-figure img {
  min-height: 11.5rem !important;
  max-height: 15rem !important;
  object-fit: cover !important;
}

body.mf-world-cup-page .mf-worldcup-hero__media-card {
  gap: 0.22rem !important;
  padding: 0.58rem 0.68rem !important;
}

body.mf-world-cup-page .mf-worldcup-hero__media-card strong {
  font-size: 0.78rem !important;
}

body.mf-world-cup-page .mf-worldcup-hero__media-card p,
body.mf-world-cup-page .mf-worldcup-hero__media-card small {
  font-size: 0.62rem !important;
  line-height: 1.2 !important;
}

body.mf-world-cup-page main > .stl-section {
  padding-block: 0.62rem !important;
}

body.mf-world-cup-page main > .stl-section > .stl-container,
body.mf-world-cup-page #wc2026-view,
body.mf-world-cup-page .mf-wc-view-grid {
  display: grid !important;
  gap: 0.58rem !important;
}

body.mf-world-cup-page main > .stl-section .stl-section-header-row {
  margin: 0 !important;
  padding: 0.48rem 0 !important;
  min-height: 0 !important;
}

body.mf-world-cup-page main > .stl-section .stl-section-header-row h2 {
  max-width: 36ch !important;
  font-size: clamp(1.05rem, 2vw, 1.5rem) !important;
  line-height: 1.08 !important;
  margin: 0 !important;
}

body.mf-world-cup-page main > .stl-section .stl-section-header-row p {
  max-width: 76ch !important;
  margin: 0.2rem 0 0 !important;
  font-size: 0.76rem !important;
  line-height: 1.32 !important;
}

body.mf-world-cup-page .mf-wc-command-console {
  position: relative !important;
  overflow: hidden !important;
  padding: 0.6rem !important;
  background:
    radial-gradient(circle at 88% 24%, rgba(0, 92, 185, 0.26), transparent 18rem),
    linear-gradient(105deg, rgba(120, 31, 30, 0.46), rgba(3, 17, 14, 0.9) 46%, rgba(5, 64, 109, 0.58)),
    url("../img/world-cup-hosts/world-cup-trophy-hero.jpg") right center / auto 115% no-repeat !important;
  animation: mfWorldCompactRise 0.32s ease both !important;
}

body.mf-world-cup-page .mf-wc-command-console::after,
body.mf-world-cup-page .mf-wc-schedule-card::after,
body.mf-world-cup-page .mf-roadmap-step::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(110deg, transparent 0 42%, rgba(255, 255, 255, 0.08) 50%, transparent 64%) !important;
  transform: translateX(-125%) !important;
  animation: mfWorldSweep 5.4s ease-in-out infinite !important;
}

body.mf-world-cup-page .mf-wc-command-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 0.46fr) !important;
  gap: 0.5rem !important;
  align-items: stretch !important;
}

body.mf-world-cup-page .mf-wc-command-copy,
body.mf-world-cup-page .mf-wc-command-match {
  min-height: 0 !important;
  padding: 0.62rem !important;
  border-radius: 10px !important;
  background: rgba(2, 10, 9, 0.72) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.mf-world-cup-page .mf-wc-brand-lockup {
  display: flex !important;
  align-items: center !important;
  gap: 0.48rem !important;
  margin-bottom: 0.25rem !important;
}

body.mf-world-cup-page .mf-wc-brand-lockup img {
  width: 2.35rem !important;
  height: 2.35rem !important;
}

body.mf-world-cup-page .mf-wc-command-copy h2 {
  max-width: 34ch !important;
  margin: 0 !important;
  font-size: clamp(1.15rem, 2.4vw, 1.8rem) !important;
  line-height: 1.02 !important;
}

body.mf-world-cup-page .mf-wc-command-copy p,
body.mf-world-cup-page .mf-wc-command-match small,
body.mf-world-cup-page .mf-wc-command-status span,
body.mf-world-cup-page .mf-wc-count-card p {
  font-size: 0.68rem !important;
  line-height: 1.25 !important;
}

body.mf-world-cup-page .mf-wc-command-actions,
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-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.32rem !important;
  margin-top: 0.42rem !important;
}

body.mf-world-cup-page .mf-wc-command-match {
  display: grid !important;
  align-content: space-between !important;
  gap: 0.3rem !important;
}

body.mf-world-cup-page .mf-wc-command-match strong {
  font-size: clamp(1rem, 2vw, 1.28rem) !important;
  line-height: 1.02 !important;
}

body.mf-world-cup-page .mf-wc-command-match b {
  display: inline-flex !important;
  width: fit-content !important;
  min-height: 2rem !important;
  align-items: center !important;
  border-radius: 8px !important;
  padding: 0.32rem 0.5rem !important;
  background: rgba(245, 200, 66, 0.16) !important;
  color: #ffe16a !important;
  font: 900 0.82rem/1 var(--f-mono, monospace) !important;
}

body.mf-world-cup-page .mf-wc-command-lower {
  display: grid !important;
  grid-template-columns: minmax(0, 0.62fr) minmax(0, 0.52fr) minmax(0, 1fr) !important;
  gap: 0.42rem !important;
  margin-top: 0.5rem !important;
}

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

body.mf-world-cup-page .mf-wc-command-stats article,
body.mf-world-cup-page .mf-wc-command-hosts a,
body.mf-world-cup-page .mf-wc-command-kickoffs a,
body.mf-world-cup-page .mf-wc-count-card,
body.mf-world-cup-page .mf-wc-host-action {
  min-height: 0 !important;
  border-radius: 9px !important;
  padding: 0.42rem 0.5rem !important;
  background: rgba(4, 14, 13, 0.76) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease !important;
}

body.mf-world-cup-page .mf-wc-command-stats article:hover,
body.mf-world-cup-page .mf-wc-command-hosts a:hover,
body.mf-world-cup-page .mf-wc-command-kickoffs a:hover,
body.mf-world-cup-page .mf-wc-count-card:hover,
body.mf-world-cup-page .mf-city-grid article:hover,
body.mf-world-cup-page .mf-wc-schedule-card:hover,
body.mf-world-cup-page .mf-group-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(245, 200, 66, 0.32) !important;
}

body.mf-world-cup-page .mf-wc-command-stats strong {
  font-size: 1.05rem !important;
  line-height: 1 !important;
}

body.mf-world-cup-page .mf-wc-command-stats span,
body.mf-world-cup-page .mf-wc-command-hosts small,
body.mf-world-cup-page .mf-wc-command-kickoffs small,
body.mf-world-cup-page .mf-wc-schedule-meta span {
  font-size: 0.55rem !important;
  line-height: 1.08 !important;
}

body.mf-world-cup-page .mf-wc-command-hosts {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.32rem !important;
}

body.mf-world-cup-page .mf-wc-command-hosts img {
  width: 1.42rem !important;
  height: 1.42rem !important;
}

body.mf-world-cup-page .mf-wc-command-hosts span,
body.mf-world-cup-page .mf-wc-command-kickoffs strong {
  font-size: 0.67rem !important;
  line-height: 1.08 !important;
}

body.mf-world-cup-page .mf-wc-command-kickoffs {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)) !important;
  gap: 0.32rem !important;
}

body.mf-world-cup-page .mf-wc-command-kickoffs > .stl-eyebrow {
  grid-column: 1 / -1 !important;
}

body.mf-world-cup-page .mf-wc-command-status {
  margin-top: 0.45rem !important;
  padding-top: 0.42rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.mf-world-cup-page .mf-wc-command-status span {
  min-height: 1.55rem !important;
  align-items: center !important;
  border-radius: 999px !important;
  padding: 0.24rem 0.52rem !important;
  background: rgba(255, 255, 255, 0.055) !important;
}

body.mf-world-cup-page .mf-world-cup-overview {
  display: grid !important;
  grid-template-columns: minmax(0, 0.68fr) minmax(0, 1fr) !important;
  gap: 0.45rem !important;
  padding: 0.58rem !important;
}

body.mf-world-cup-page .mf-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.32rem !important;
}

body.mf-world-cup-page .mf-stat-card {
  min-height: 3rem !important;
  padding: 0.48rem !important;
  border-radius: 9px !important;
}

body.mf-world-cup-page .mf-stat-card strong {
  font-size: 1.2rem !important;
}

body.mf-world-cup-page .mf-stat-card span {
  font-size: 0.56rem !important;
}

body.mf-world-cup-page .mf-wc-overview-media {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.36rem !important;
}

body.mf-world-cup-page .mf-wc-overview-media-card {
  display: grid !important;
  grid-template-columns: 4.8rem minmax(0, 1fr) !important;
  gap: 0.42rem !important;
  min-height: 4rem !important;
  padding: 0.34rem !important;
  border-radius: 9px !important;
}

body.mf-world-cup-page .mf-wc-overview-media-card img {
  width: 100% !important;
  height: 3.45rem !important;
  object-fit: cover !important;
  border-radius: 7px !important;
}

body.mf-world-cup-page .mf-wc-overview-media-card strong {
  font-size: 0.68rem !important;
  line-height: 1.08 !important;
}

body.mf-world-cup-page .mf-wc-overview-media-card small {
  font-size: 0.54rem !important;
  line-height: 1.1 !important;
}

body.mf-world-cup-page .mf-wc-host-desk {
  display: grid !important;
  grid-template-columns: minmax(15rem, 0.46fr) minmax(0, 1fr) !important;
  gap: 0.5rem !important;
  padding: 0.6rem !important;
  background:
    linear-gradient(135deg, rgba(4, 12, 10, 0.95), rgba(6, 26, 24, 0.84)),
    url("../img/world-cup-hosts/kansas-city.jpg") right center / auto 120% no-repeat !important;
}

body.mf-world-cup-page .mf-wc-host-desk > .mf-world-section-head {
  margin: 0 !important;
}

body.mf-world-cup-page .mf-world-section-head h2,
body.mf-world-cup-page .mf-roadmap-head h2 {
  max-width: 22ch !important;
  font-size: clamp(1.1rem, 2.2vw, 1.65rem) !important;
  line-height: 1.04 !important;
  margin: 0 !important;
}

body.mf-world-cup-page .mf-world-section-head p {
  max-width: 68ch !important;
  margin: 0.16rem 0 0 !important;
  font-size: 0.68rem !important;
  line-height: 1.24 !important;
}

body.mf-world-cup-page .mf-wc-host-flag-rail {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.3rem !important;
  margin-top: 0.45rem !important;
}

body.mf-world-cup-page .mf-wc-host-flag {
  flex: 1 1 7.6rem !important;
  min-height: 2.4rem !important;
  padding: 0.32rem 0.45rem !important;
  border-radius: 9px !important;
}

body.mf-world-cup-page .mf-wc-host-flag img,
body.mf-world-cup-page .mf-wc-host-action img {
  width: 1.42rem !important;
  height: 1.42rem !important;
}

body.mf-world-cup-page .mf-wc-host-desk__board {
  display: grid !important;
  gap: 0.42rem !important;
}

body.mf-world-cup-page .mf-wc-countdown-strip {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.36rem !important;
}

body.mf-world-cup-page .mf-wc-count-card {
  display: grid !important;
  gap: 0.22rem !important;
}

body.mf-world-cup-page .mf-wc-count-card strong {
  font-size: 0.82rem !important;
  line-height: 1.08 !important;
}

body.mf-world-cup-page .mf-wc-count-card span {
  color: #ffe16a !important;
  font: 900 0.76rem/1 var(--f-mono, monospace) !important;
}

body.mf-world-cup-page #wc2026-host-cities {
  padding: 0.6rem !important;
}

body.mf-world-cup-page #wc2026-host-cities .mf-world-section-head {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  margin-bottom: 0.5rem !important;
}

body.mf-world-cup-page .mf-city-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)) !important;
  gap: 0.38rem !important;
}

body.mf-world-cup-page .mf-city-grid article {
  display: grid !important;
  grid-template-columns: 5.8rem minmax(0, 1fr) !important;
  gap: 0.42rem !important;
  min-height: 6.35rem !important;
  padding: 0.36rem !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(7, 18, 20, 0.88), rgba(3, 11, 10, 0.94)) !important;
  border: 1px solid rgba(245, 200, 66, 0.14) !important;
  transition: transform 0.18s ease, border-color 0.18s ease !important;
}

body.mf-world-cup-page .mf-city-grid article img {
  width: 100% !important;
  height: 5.55rem !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

body.mf-world-cup-page .mf-city-grid article > div {
  display: grid !important;
  align-content: start !important;
  gap: 0.16rem !important;
  min-width: 0 !important;
}

body.mf-world-cup-page .mf-city-grid article strong {
  font-size: 0.76rem !important;
  line-height: 1.04 !important;
}

body.mf-world-cup-page .mf-city-grid article small,
body.mf-world-cup-page .mf-city-grid article p,
body.mf-world-cup-page .mf-city-grid article em {
  font-size: 0.55rem !important;
  line-height: 1.12 !important;
}

body.mf-world-cup-page .mf-wc-city-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.18rem !important;
}

body.mf-world-cup-page .mf-wc-city-stats b,
body.mf-world-cup-page .mf-wc-city-stats em {
  border-radius: 999px !important;
  padding: 0.16rem 0.32rem !important;
  background: rgba(245, 200, 66, 0.1) !important;
}

body.mf-world-cup-page .mf-wc-schedule-section {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.mf-world-cup-page .mf-wc-schedule-board {
  padding: 0.6rem !important;
  background:
    linear-gradient(135deg, rgba(4, 13, 12, 0.94), rgba(4, 24, 30, 0.82)) !important;
}

body.mf-world-cup-page .mf-wc-schedule-board__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.5rem !important;
  align-items: end !important;
  margin-bottom: 0.45rem !important;
}

body.mf-world-cup-page .mf-wc-schedule-chips {
  display: flex !important;
  gap: 0.24rem !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}

body.mf-world-cup-page .mf-wc-schedule-chips span {
  min-height: 1.62rem !important;
  border-radius: 999px !important;
  padding: 0.24rem 0.48rem !important;
  background: rgba(255, 255, 255, 0.06) !important;
  font-size: 0.55rem !important;
}

body.mf-world-cup-page .mf-wc-schedule-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(252px, 1fr)) !important;
  gap: 0.38rem !important;
}

body.mf-world-cup-page .mf-wc-schedule-card {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  gap: 0.34rem !important;
  min-height: 0 !important;
  padding: 0.5rem !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(7, 18, 20, 0.92), rgba(8, 24, 36, 0.86)) !important;
  animation: mfWorldCompactRise 0.28s ease both !important;
  animation-delay: calc(var(--wc-schedule-index, 0) * 38ms) !important;
}

body.mf-world-cup-page .mf-wc-schedule-card__top,
body.mf-world-cup-page .mf-wc-schedule-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.24rem !important;
  justify-content: space-between !important;
}

body.mf-world-cup-page .mf-wc-schedule-match {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  gap: 0.34rem !important;
  align-items: center !important;
}

body.mf-world-cup-page .mf-wc-schedule-team {
  gap: 0.28rem !important;
  min-width: 0 !important;
}

body.mf-world-cup-page .mf-wc-schedule-team img,
body.mf-world-cup-page .mf-wc-schedule-team__fallback {
  width: 1.85rem !important;
  height: 1.85rem !important;
}

body.mf-world-cup-page .mf-wc-schedule-team span:last-child {
  font-size: 0.7rem !important;
  line-height: 1.08 !important;
}

body.mf-world-cup-page .mf-wc-schedule-match > strong {
  width: 1.85rem !important;
  height: 1.85rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(245, 200, 66, 0.14) !important;
  color: #ffe16a !important;
  font-size: 0.52rem !important;
}

body.mf-world-cup-page .mf-wc-schedule-count {
  min-height: 1.75rem !important;
  border-radius: 8px !important;
  padding: 0.28rem 0.42rem !important;
  color: #ffe16a !important;
  background: rgba(245, 200, 66, 0.1) !important;
  font: 900 0.66rem/1.1 var(--f-mono, monospace) !important;
}

body.mf-world-cup-page #wc2026-groups {
  padding: 0.6rem !important;
}

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

body.mf-world-cup-page #wc2026-groups .mf-group-card {
  min-height: 0 !important;
  padding: 0.48rem !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(6, 16, 16, 0.92), rgba(4, 12, 10, 0.96)) !important;
  border-color: rgba(245, 200, 66, 0.14) !important;
  transition: transform 0.18s ease, border-color 0.18s ease !important;
}

body.mf-world-cup-page #wc2026-groups .stl-community-card-title {
  margin: 0 0 0.34rem !important;
  font-size: 0.75rem !important;
  line-height: 1 !important;
}

body.mf-world-cup-page .mf-group-chip {
  min-height: 1.86rem !important;
  padding: 0.22rem 0.36rem !important;
  border-radius: 999px !important;
  gap: 0.24rem !important;
}

body.mf-world-cup-page .mf-group-chip img {
  width: 1.24rem !important;
  height: 1.24rem !important;
}

body.mf-world-cup-page .mf-group-chip span {
  font-size: 0.56rem !important;
  line-height: 1 !important;
}

body.mf-world-cup-page .mf-roadmap {
  padding: 0.62rem !important;
  border-radius: 12px !important;
}

body.mf-world-cup-page .mf-roadmap-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.58rem !important;
  margin-bottom: 0.5rem !important;
}

body.mf-world-cup-page .mf-roadmap-head p {
  max-width: 70ch !important;
  margin: 0.2rem 0 0 !important;
  font-size: 0.68rem !important;
  line-height: 1.24 !important;
}

body.mf-world-cup-page .mf-roadmap-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 0.24rem !important;
}

body.mf-world-cup-page .mf-roadmap-stats span {
  min-height: 1.6rem !important;
  padding: 0.22rem 0.45rem !important;
  border-radius: 999px !important;
  font-size: 0.52rem !important;
}

body.mf-world-cup-page .mf-roadmap-grid {
  display: grid !important;
  grid-template-columns: minmax(230px, 0.46fr) minmax(0, 1fr) !important;
  gap: 0.45rem !important;
}

body.mf-world-cup-page .mf-roadmap-steps {
  display: grid !important;
  gap: 0.28rem !important;
}

body.mf-world-cup-page .mf-roadmap-step {
  position: relative !important;
  overflow: hidden !important;
  min-height: 0 !important;
  padding: 0.44rem 0.5rem !important;
  border-radius: 9px !important;
  background: rgba(4, 14, 12, 0.72) !important;
}

body.mf-world-cup-page .mf-roadmap-step strong {
  font-size: 0.68rem !important;
  line-height: 1.08 !important;
}

body.mf-world-cup-page .mf-roadmap-step small,
body.mf-world-cup-page .mf-roadmap-step__label {
  font-size: 0.5rem !important;
  line-height: 1 !important;
}

body.mf-world-cup-page .mf-roadmap-step__num {
  width: 1.65rem !important;
  height: 1.65rem !important;
  font-size: 0.58rem !important;
}

body.mf-world-cup-page .mf-roadmap-panel {
  display: none !important;
  min-height: 0 !important;
  padding: 0.68rem !important;
  border-radius: 10px !important;
  background: rgba(4, 14, 15, 0.78) !important;
}

body.mf-world-cup-page .mf-roadmap-panel.active {
  display: grid !important;
  gap: 0.45rem !important;
  animation: mfWorldCompactRise 0.28s ease both !important;
}

body.mf-world-cup-page .mf-roadmap-panel h3 {
  max-width: 28ch !important;
  margin: 0 !important;
  font-size: clamp(1rem, 2vw, 1.45rem) !important;
  line-height: 1.04 !important;
}

body.mf-world-cup-page .mf-roadmap-panel p {
  margin: 0 !important;
  font-size: 0.7rem !important;
  line-height: 1.28 !important;
}

body.mf-world-cup-page .mf-roadmap-tags,
body.mf-world-cup-page .mf-roadmap-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.28rem !important;
}

body.mf-world-cup-page .mf-roadmap-tags span {
  min-height: 1.55rem !important;
  padding: 0.2rem 0.42rem !important;
  border-radius: 999px !important;
  font-size: 0.52rem !important;
}

body.mf-world-cup-page #stl-wc-angle {
  padding-block: 0.62rem !important;
}

body.mf-world-cup-page #stl-wc-angle > .stl-container {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.52rem !important;
  align-items: center !important;
  padding: 0.64rem !important;
  border: 1px solid rgba(245, 200, 66, 0.16) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(90deg, rgba(3, 10, 9, 0.92), rgba(6, 28, 24, 0.76)),
    url("../img/world-cup-hosts/kansas-city.jpg") right center / auto 160% no-repeat !important;
}

body.mf-world-cup-page #stl-wc-angle h2 {
  max-width: 22ch !important;
  margin: 0 !important;
  font-size: clamp(1rem, 2vw, 1.45rem) !important;
  line-height: 1.05 !important;
}

body.mf-world-cup-page #stl-wc-angle p {
  max-width: 72ch !important;
  margin: 0.18rem 0 0 !important;
  font-size: 0.68rem !important;
  line-height: 1.25 !important;
}

body.mf-world-cup-page #stl-wc-angle .mf-chip-row,
body.mf-world-cup-page #stl-wc-angle .mf-page-actions {
  grid-column: 1 / -1 !important;
  margin-top: 0 !important;
}

body.mf-world-cup-page .stl-section--alt {
  padding-block: 0.62rem !important;
}

body.mf-world-cup-page .site-newsletter-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.58fr) !important;
  gap: 0.55rem !important;
  min-height: 0 !important;
  padding: 0.7rem !important;
  background: rgba(4, 13, 11, 0.86) !important;
}

body.mf-world-cup-page .site-newsletter-shell__title {
  max-width: 38ch !important;
  margin: 0 !important;
  font-size: clamp(1rem, 1.8vw, 1.36rem) !important;
  line-height: 1.08 !important;
}

body.mf-world-cup-page .site-newsletter-shell__copy {
  margin: 0.2rem 0 0 !important;
  font-size: 0.68rem !important;
  line-height: 1.28 !important;
}

body.mf-world-cup-page .site-newsletter-shell__trust {
  display: none !important;
}

body.mf-world-cup-page .site-newsletter-form {
  display: grid !important;
  gap: 0.34rem !important;
}

body.mf-world-cup-page .site-newsletter-form input,
body.mf-world-cup-page .site-newsletter-form button {
  min-height: 2.18rem !important;
}

body.mf-world-cup-page .site-sponsor-stack:empty {
  display: none !important;
}

@keyframes mfWorldCompactRise {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes mfWorldSweep {
  0%, 76% {
    transform: translateX(-125%);
  }
  100% {
    transform: translateX(125%);
  }
}

@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-world-cup-overview,
  body.mf-world-cup-page .mf-wc-host-desk,
  body.mf-world-cup-page .mf-roadmap-grid,
  body.mf-world-cup-page #stl-wc-angle > .stl-container,
  body.mf-world-cup-page .site-newsletter-shell {
    grid-template-columns: 1fr !important;
  }

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

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

@media (max-width: 640px) {
  body.mf-world-cup-page .mf-worldcup-hero {
    padding-top: calc(var(--nav-height, 56px) + 0.25rem) !important;
  }

  body.mf-world-cup-page .mf-worldcup-hero .stl-container,
  body.mf-world-cup-page main > .stl-section > .stl-container,
  body.mf-world-cup-page #stl-wc-angle > .stl-container,
  body.mf-world-cup-page .stl-section--alt > .stl-container {
    width: min(100% - 0.8rem, 1180px) !important;
  }

  body.mf-world-cup-page .mf-worldcup-hero__title {
    max-width: none !important;
    font-size: clamp(1.72rem, 11vw, 2.45rem) !important;
  }

  body.mf-world-cup-page .mf-worldcup-hero__media-figure {
    display: none !important;
  }

  body.mf-world-cup-page .mf-wc-overview-media,
  body.mf-world-cup-page .mf-wc-countdown-strip,
  body.mf-world-cup-page .mf-wc-schedule-board__head,
  body.mf-world-cup-page .mf-wc-schedule-match,
  body.mf-world-cup-page .mf-roadmap-head,
  body.mf-world-cup-page .mf-roadmap-steps {
    grid-template-columns: 1fr !important;
  }

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

  body.mf-world-cup-page .mf-city-grid article img {
    height: 4.9rem !important;
  }

  body.mf-world-cup-page #wc2026-host-cities .mf-world-section-head {
    display: grid !important;
  }
}

/* World Cup 2026 final compact pass */
body.mf-world-cup-page main > .mf-command-center {
  display: none !important;
}

body.mf-world-cup-page .mf-worldcup-hero {
  min-height: 0 !important;
  padding-block: calc(var(--mf-ux-nav-height, 50px) + 0.55rem) 0.72rem !important;
}

body.mf-world-cup-page .mf-worldcup-hero__grid {
  min-height: 0 !important;
  align-items: stretch !important;
}

body.mf-world-cup-page .mf-worldcup-hero__copy,
body.mf-world-cup-page .mf-worldcup-hero__media {
  min-height: 17.5rem !important;
}

body.mf-world-cup-page .mf-worldcup-hero__copy {
  gap: 0.34rem !important;
  padding: 0.58rem !important;
}

body.mf-world-cup-page .mf-worldcup-hero__media-figure img {
  height: clamp(10rem, 18vw, 15rem) !important;
  object-fit: cover !important;
}

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

body.mf-world-cup-page .mf-worldcup-hero__lede {
  max-width: 64ch !important;
  font-size: 0.78rem !important;
  line-height: 1.22 !important;
}

body.mf-world-cup-page .mf-worldcup-hero__stat,
body.mf-world-cup-page .mf-worldcup-hero__flag,
body.mf-world-cup-page .mf-worldcup-hero__ticker article {
  min-height: 2.15rem !important;
  padding: 0.32rem 0.42rem !important;
}

body.mf-world-cup-page .mf-worldcup-hero__stat strong {
  font-size: 1rem !important;
}

body.mf-world-cup-page .mf-worldcup-hero__flag img {
  width: 1.55rem !important;
  height: 1.05rem !important;
}

body.mf-world-cup-page .mf-worldcup-hero__actions a {
  min-height: 1.82rem !important;
  padding: 0.36rem 0.56rem !important;
}

body.mf-world-cup-page main > .stl-section {
  padding-block: clamp(0.72rem, 1.4vw, 1.15rem) !important;
}

body.mf-world-cup-page main > .stl-section > .stl-container > .stl-section-header-row {
  margin-bottom: 0.58rem !important;
  padding: 0 !important;
}

body.mf-world-cup-page main > .stl-section > .stl-container > .stl-section-header-row .stl-subheading {
  max-width: 40rem !important;
  font-size: clamp(1.05rem, 1.8vw, 1.55rem) !important;
}

body.mf-world-cup-page main > .stl-section > .stl-container > .stl-section-header-row .mf-hub-section-intro {
  max-width: 48rem !important;
  margin-top: 0.18rem !important;
  font-size: 0.72rem !important;
}

body.mf-world-cup-page .mf-wc-command-console {
  padding: clamp(0.55rem, 1vw, 0.82rem) !important;
}

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

body.mf-world-cup-page .mf-wc-command-lower {
  grid-template-columns: minmax(0, 0.9fr) minmax(18rem, 0.7fr) minmax(14rem, 0.48fr) !important;
  gap: 0.48rem !important;
}

body.mf-world-cup-page .mf-wc-command-copy,
body.mf-world-cup-page .mf-wc-command-match {
  padding: 0.64rem !important;
}

body.mf-world-cup-page .mf-wc-host-desk {
  padding: 0.58rem !important;
}

body.mf-world-cup-page #wc2026-host-cities {
  padding-block: 0.45rem !important;
}

body.mf-world-cup-page #wc2026-host-cities .mf-world-section-head {
  margin-bottom: 0.45rem !important;
}

body.mf-world-cup-page .mf-city-grid {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(14.4rem, 15.5rem) !important;
  grid-template-columns: none !important;
  gap: 0.45rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-inline: contain !important;
  padding: 0.08rem 0 0.36rem !important;
  scroll-padding-inline: 0.25rem !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-color: rgba(245, 200, 66, 0.65) rgba(255, 255, 255, 0.06) !important;
}

body.mf-world-cup-page .mf-city-grid article {
  grid-template-columns: 4.4rem minmax(0, 1fr) !important;
  min-height: 6.75rem !important;
  padding: 0.42rem !important;
  scroll-snap-align: start !important;
}

body.mf-world-cup-page .mf-city-grid article img {
  height: 4.7rem !important;
}

body.mf-world-cup-page .mf-city-grid article strong {
  font-size: 0.86rem !important;
}

body.mf-world-cup-page .mf-city-grid article p {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body.mf-world-cup-page #wc2026-groups {
  padding-block: 0.52rem !important;
}

body.mf-world-cup-page #wc2026-groups .mf-group-grid {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(13rem, 14rem) !important;
  grid-template-columns: none !important;
  gap: 0.45rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-bottom: 0.36rem !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-color: rgba(245, 200, 66, 0.65) rgba(255, 255, 255, 0.06) !important;
}

body.mf-world-cup-page #wc2026-groups .mf-group-card {
  min-height: 8.2rem !important;
  padding: 0.58rem !important;
  scroll-snap-align: start !important;
}

body.mf-world-cup-page .mf-roadmap {
  padding: 0.68rem !important;
}

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

body.mf-world-cup-page .mf-roadmap-panel {
  padding: 0.58rem !important;
}

body.mf-world-cup-page #stl-wc-angle {
  padding-block: 0.5rem !important;
}

body.mf-world-cup-page #stl-wc-angle > .stl-container {
  grid-template-columns: minmax(0, 1fr) auto !important;
  padding: 0.52rem !important;
}

@media (max-width: 980px) {
  body.mf-world-cup-page .mf-worldcup-hero__copy,
  body.mf-world-cup-page .mf-worldcup-hero__media {
    min-height: 0 !important;
  }

  body.mf-world-cup-page .mf-wc-command-main,
  body.mf-world-cup-page .mf-wc-command-lower {
    grid-template-columns: 1fr !important;
  }
}

:root {
  --mf-page-gold: #f8c92f;
  --mf-page-green: #1fcb74;
  --mf-page-red: #f34834;
  --mf-page-blue: #1c87ff;
  --mf-page-ink: #050b07;
  --mf-page-card: rgba(6, 17, 11, 0.94);
  --mf-page-card-2: rgba(7, 23, 15, 0.9);
  --mf-page-line: rgba(248, 201, 47, 0.28);
}

body.mf-wc-shell,
body.mf-caf-page,
body.mf-bracket-page,
body.mf-podcast-page,
body.mf-kit-ready {
  background:
    radial-gradient(circle at 15% 12%, rgba(31, 203, 116, 0.12), transparent 24rem),
    radial-gradient(circle at 85% 8%, rgba(28, 135, 255, 0.11), transparent 24rem),
    linear-gradient(180deg, #020603 0%, #07110b 46%, #020603 100%) !important;
}

body.mf-wc-shell main > .stl-section,
body.mf-caf-page main > .stl-section,
body.mf-bracket-page main > .stl-section,
body.mf-podcast-page main > section,
body.mf-kit-ready main > .stl-section {
  min-height: 0 !important;
  padding-block: clamp(0.7rem, 1.25vw, 1.08rem) !important;
}

body.mf-wc-shell .stl-container,
body.mf-caf-page .stl-container,
body.mf-bracket-page .stl-container,
body.mf-podcast-page .stl-container,
body.mf-kit-ready .stl-container,
body.mf-podcast-page .container {
  width: min(100% - 1rem, 1230px) !important;
}

body.mf-wc-shell :is(.stl-section-header-row, .mf-caf-section-head, .section-header),
body.mf-caf-page :is(.stl-section-header-row, .mf-caf-section-head, .section-header),
body.mf-bracket-page :is(.stl-section-header-row, .mf-caf-section-head, .section-header),
body.mf-podcast-page :is(.stl-section-header-row, .mf-caf-section-head, .section-header),
body.mf-kit-ready :is(.stl-section-header-row, .mf-caf-section-head, .section-header) {
  align-items: end !important;
  gap: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  padding: 0 !important;
}

body.mf-wc-shell :is(.stl-subheading, .section-header h2),
body.mf-caf-page :is(.stl-subheading, .section-header h2),
body.mf-bracket-page :is(.stl-subheading, .section-header h2),
body.mf-podcast-page :is(.stl-subheading, .section-header h2),
body.mf-kit-ready :is(.stl-subheading, .section-header h2) {
  font-size: clamp(1.18rem, 2vw, 1.78rem) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
}

body.mf-wc-shell :is(.stl-muted, .mf-hub-section-intro, p),
body.mf-caf-page :is(.stl-muted, .mf-hub-section-intro, p),
body.mf-bracket-page :is(.stl-muted, .mf-hub-section-intro, p),
body.mf-podcast-page :is(.stl-muted, .mf-hub-section-intro, p),
body.mf-kit-ready :is(.stl-muted, .mf-hub-section-intro, p) {
  line-height: 1.28 !important;
}

body.mf-wc-shell :is(a, button, .stl-btn),
body.mf-caf-page :is(a, button, .stl-btn),
body.mf-bracket-page :is(a, button, .stl-btn),
body.mf-podcast-page :is(a, button, .stl-btn),
body.mf-kit-ready :is(a, button, .stl-btn) {
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease !important;
}

body.mf-wc-shell :is(a, button, .stl-btn):where(:hover, :focus-visible),
body.mf-caf-page :is(a, button, .stl-btn):where(:hover, :focus-visible),
body.mf-bracket-page :is(a, button, .stl-btn):where(:hover, :focus-visible),
body.mf-podcast-page :is(a, button, .stl-btn):where(:hover, :focus-visible),
body.mf-kit-ready :is(a, button, .stl-btn):where(:hover, :focus-visible) {
  border-color: rgba(248, 201, 47, 0.8) !important;
  box-shadow: 0 0 0 0.18rem rgba(248, 201, 47, 0.12) !important;
  transform: translateY(-2px) !important;
}

body.mf-wc-shell .mf-worldcup-hero {
  min-height: 0 !important;
  padding-block: calc(var(--mf-ux-nav-height, 50px) + 0.55rem) 0.7rem !important;
}

body.mf-wc-shell .mf-worldcup-hero .stl-container {
  padding: 0.64rem !important;
}

body.mf-wc-shell .mf-worldcup-hero .mf-worldcup-hero__grid {
  align-items: stretch !important;
  display: grid !important;
  gap: 0.65rem !important;
  grid-template-columns: minmax(0, 0.88fr) minmax(15rem, 0.38fr) !important;
  min-height: 0 !important;
}

body.mf-wc-shell .mf-worldcup-hero .mf-worldcup-hero__copy,
body.mf-wc-shell .mf-worldcup-hero .mf-worldcup-hero__media {
  min-height: 15rem !important;
  padding: 0.72rem !important;
}

body.mf-wc-shell .mf-worldcup-hero .mf-worldcup-hero__title {
  max-width: 13ch !important;
  font-size: clamp(2rem, 4.2vw, 3.7rem) !important;
}

body.mf-wc-shell .mf-worldcup-hero .mf-hub-proof-row {
  display: grid !important;
  gap: 0.45rem !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.mf-wc-shell .mf-worldcup-hero .mf-hub-proof-card {
  min-height: 0 !important;
  padding: 0.5rem !important;
}

body.mf-wc-shell .mf-worldcup-hero .mf-worldcup-hero__media-figure,
body.mf-wc-shell .mf-worldcup-hero .mf-worldcup-hero__media-figure img {
  height: 100% !important;
  min-height: 12rem !important;
}

body.mf-wc-shell .mf-world-route-console,
body.mf-wc-shell .mf-world-live-section {
  min-height: 0 !important;
  padding-block: 0.62rem !important;
}

body.mf-wc-shell .mf-world-route-console .stl-container,
body.mf-wc-shell .mf-world-route-console__panel,
body.mf-wc-shell .mf-world-route-console__copy,
body.mf-wc-shell .mf-world-route-console__grid,
body.mf-wc-shell .mf-world-live-shell,
body.mf-wc-shell #world-hub,
body.mf-wc-shell #world-hub > * {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  transform: none !important;
}

body.mf-wc-shell .mf-world-route-console__panel {
  align-items: stretch !important;
  background:
    linear-gradient(135deg, rgba(248, 201, 47, 0.12), transparent 38%),
    linear-gradient(145deg, rgba(6, 17, 11, 0.98), rgba(3, 8, 5, 0.96)) !important;
  border: 1px solid rgba(248, 201, 47, 0.26) !important;
  border-radius: 0.9rem !important;
  display: grid !important;
  gap: 0.55rem !important;
  grid-template-columns: minmax(16rem, 0.38fr) minmax(0, 1fr) !important;
  padding: 0.65rem !important;
}

body.mf-wc-shell .mf-world-route-console__copy {
  background: rgba(0, 0, 0, 0.32) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0.75rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.42rem !important;
  grid-template-columns: none !important;
  justify-content: space-between !important;
  padding: 0.58rem !important;
}

body.mf-wc-shell .mf-world-route-console__copy h2 {
  font-size: clamp(1.35rem, 2.8vw, 2.1rem) !important;
  line-height: 0.96 !important;
}

body.mf-wc-shell .mf-world-route-console__status,
body.mf-wc-shell .mf-world-live-status {
  display: grid !important;
  gap: 0.38rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.mf-wc-shell .mf-world-route-console__status span,
body.mf-wc-shell .mf-world-live-stat {
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(248, 201, 47, 0.18) !important;
  border-radius: 0.55rem !important;
  padding: 0.42rem !important;
}

body.mf-wc-shell .mf-world-route-console__grid {
  display: grid !important;
  gap: 0.5rem !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.mf-wc-shell .mf-world-route-card {
  align-content: end !important;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.68)),
    var(--route-bg) center/cover no-repeat !important;
  border: 1px solid rgba(248, 201, 47, 0.32) !important;
  border-radius: 0.75rem !important;
  min-height: 8.4rem !important;
  padding: 0.58rem !important;
}

body.mf-wc-shell .mf-world-route-card strong {
  font-size: 1rem !important;
  line-height: 1 !important;
}

body.mf-wc-shell .mf-world-live-shell {
  background:
    linear-gradient(135deg, rgba(28, 135, 255, 0.09), transparent 36%),
    linear-gradient(145deg, rgba(6, 17, 11, 0.98), rgba(3, 8, 5, 0.96)) !important;
  border: 1px solid rgba(31, 203, 116, 0.24) !important;
  border-radius: 0.9rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.58rem !important;
  overflow: visible !important;
  padding: 0.65rem !important;
}

body.mf-wc-shell .mf-world-live-head {
  align-items: end !important;
  display: grid !important;
  gap: 0.5rem !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

body.mf-wc-shell #world-hub {
  display: grid !important;
  gap: 0.6rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.mf-wc-shell #world-hub > .mf-world-section,
body.mf-wc-shell .mf-world-section {
  background:
    linear-gradient(135deg, rgba(248, 201, 47, 0.08), transparent 34%),
    var(--mf-page-card) !important;
  border: 1px solid rgba(248, 201, 47, 0.2) !important;
  border-radius: 0.85rem !important;
  margin: 0 !important;
  padding: 0.65rem !important;
}

body.mf-wc-shell :is(.mf-world-feature-grid, .mf-world-host-grid, .mf-world-card-grid, .mf-world-kickoff-list, .mf-world-coming, .mf-world-daily-grid) {
  display: grid !important;
  gap: 0.5rem !important;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)) !important;
  min-height: 0 !important;
}

body.mf-wc-shell :is(.mf-world-card, .mf-world-feature-grid > *, .mf-world-host-grid > *, .mf-world-card-grid > *, .mf-world-daily-board--visual, .mf-world-kickoff-list > *, .mf-world-coming > *) {
  background:
    linear-gradient(135deg, rgba(31, 203, 116, 0.08), transparent 36%),
    rgba(4, 13, 8, 0.9) !important;
  border: 1px solid rgba(248, 201, 47, 0.19) !important;
  border-radius: 0.72rem !important;
  min-height: 0 !important;
  padding: 0.5rem !important;
  scroll-snap-align: start !important;
}

body.mf-wc-shell :is(.mf-world-card, .mf-world-feature-grid > *, .mf-world-host-grid > *, .mf-world-card-grid > *):where(:hover, :focus-within) {
  border-color: rgba(31, 203, 116, 0.55) !important;
  transform: translateY(-2px) !important;
}

body.mf-caf-page .mf-caf-hero {
  min-height: 0 !important;
  padding-block: calc(var(--mf-ux-nav-height, 50px) + 0.55rem) 0.72rem !important;
}

body.mf-caf-page .mf-caf-hero__grid {
  align-items: stretch !important;
  display: grid !important;
  gap: 0.62rem !important;
  grid-template-columns: minmax(0, 0.82fr) minmax(19rem, 0.6fr) !important;
  min-height: 0 !important;
}

body.mf-caf-page .mf-caf-hero__copy,
body.mf-caf-page .mf-caf-hero__board {
  background:
    linear-gradient(135deg, rgba(31, 203, 116, 0.1), transparent 36%),
    rgba(3, 11, 7, 0.94) !important;
  border: 1px solid rgba(248, 201, 47, 0.25) !important;
  border-radius: 0.9rem !important;
  min-height: 0 !important;
  padding: 0.72rem !important;
}

body.mf-caf-page .mf-caf-hero__copy h1 {
  max-width: 14ch !important;
  font-size: clamp(2rem, 4.2vw, 3.6rem) !important;
  line-height: 0.94 !important;
}

body.mf-caf-page .mf-caf-hero__actions,
body.mf-caf-page .mf-caf-hero__chips,
body.mf-caf-page .mf-caf-kpis {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.38rem !important;
}

body.mf-caf-page .mf-caf-overview,
body.mf-caf-page .mf-caf-signal-grid {
  display: grid !important;
  gap: 0.5rem !important;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)) !important;
}

body.mf-caf-page :is(.mf-caf-competition-grid, .mf-caf-pathway-grid, .mf-caf-zone-grid, .mf-caf-history-grid, .mf-caf-news-grid) {
  display: grid !important;
  gap: 0.52rem !important;
  grid-auto-columns: minmax(17rem, 21rem) !important;
  grid-auto-flow: column !important;
  grid-template-columns: none !important;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-bottom: 0.35rem !important;
  scroll-padding-inline: 0.25rem !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-color: rgba(248, 201, 47, 0.65) rgba(255, 255, 255, 0.06) !important;
}

body.mf-caf-page :is(.mf-caf-overview, .mf-caf-signal-grid, .mf-caf-competition-grid, .mf-caf-pathway-grid, .mf-caf-zone-grid, .mf-caf-history-grid, .mf-caf-news-grid) > * {
  background:
    linear-gradient(135deg, rgba(248, 201, 47, 0.08), transparent 35%),
    rgba(4, 15, 9, 0.93) !important;
  border: 1px solid rgba(248, 201, 47, 0.2) !important;
  border-radius: 0.78rem !important;
  min-height: 0 !important;
  padding: 0.56rem !important;
  scroll-snap-align: start !important;
}

body.mf-caf-page :is(.mf-caf-overview, .mf-caf-signal-grid, .mf-caf-competition-grid, .mf-caf-pathway-grid, .mf-caf-zone-grid, .mf-caf-history-grid, .mf-caf-news-grid) > *:where(:hover, :focus-within) {
  border-color: rgba(31, 203, 116, 0.55) !important;
  transform: translateY(-2px) !important;
}

body.mf-caf-page .mf-diaspora-map-panel {
  display: none !important;
}

body.mf-caf-page .mf-diaspora-source-shell {
  display: block !important;
}

body.mf-caf-page #caf-official-players {
  padding-block: 0.72rem !important;
}

body.mf-caf-page :is(.mf-diaspora-official-grid, .mf-diaspora-pro-grid, .mf-diaspora-match-grid, .mf-diaspora-fixture-grid) {
  display: grid !important;
  gap: 0.55rem !important;
  grid-auto-columns: minmax(17rem, 20rem) !important;
  grid-auto-flow: column !important;
  grid-template-columns: none !important;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-bottom: 0.35rem !important;
  scroll-snap-type: x mandatory !important;
}

body.mf-caf-page :is(.mf-diaspora-official-card, .mf-diaspora-pro-card, .mf-diaspora-match-card, .mf-diaspora-loading-card) {
  background:
    linear-gradient(135deg, rgba(28, 135, 255, 0.1), transparent 35%),
    rgba(4, 14, 10, 0.94) !important;
  border: 1px solid rgba(248, 201, 47, 0.2) !important;
  border-radius: 0.75rem !important;
  min-height: 0 !important;
  padding: 0.55rem !important;
  scroll-snap-align: start !important;
}

body.mf-caf-page .mf-caf-table-wrap {
  max-height: 28rem !important;
  overflow: auto !important;
}

body.mf-bracket-page .mf-bracket-hero {
  min-height: 0 !important;
  padding-block: calc(var(--mf-ux-nav-height, 50px) + 0.55rem) 0.72rem !important;
}

body.mf-bracket-page .mf-bracket-hero .stl-container {
  align-items: stretch !important;
  display: grid !important;
  gap: 0.65rem !important;
  grid-template-columns: minmax(0, 0.86fr) minmax(18rem, 0.52fr) !important;
}

body.mf-bracket-page .mf-bracket-hero-copy,
body.mf-bracket-page .mf-bracket-hero-board {
  background:
    linear-gradient(135deg, rgba(248, 201, 47, 0.1), transparent 38%),
    rgba(3, 11, 8, 0.92) !important;
  border: 1px solid rgba(248, 201, 47, 0.24) !important;
  border-radius: 0.9rem !important;
  min-height: 0 !important;
  padding: 0.68rem !important;
}

body.mf-bracket-page .mf-bracket-hero-copy h1 {
  max-width: 13ch !important;
  font-size: clamp(2rem, 4.4vw, 3.8rem) !important;
  line-height: 0.94 !important;
}

body.mf-bracket-page .mf-bracket-section {
  padding-block: 0.72rem !important;
}

body.mf-bracket-page :is(.mf-bracket-app, .mf-bracket-panel, .mf-bracket-snapshot, .mf-bracket-stage-card, .mf-bracket-match, .mf-bracket-team-pick) {
  background:
    linear-gradient(135deg, rgba(28, 135, 255, 0.09), transparent 35%),
    rgba(4, 15, 10, 0.94) !important;
  border-color: rgba(248, 201, 47, 0.22) !important;
  min-height: 0 !important;
}

body.mf-bracket-page :is(.mf-bracket-stage-board, .mf-group-stage-grid, .mf-bracket-columns, .mf-bracket-live-strip) {
  display: grid !important;
  gap: 0.52rem !important;
  grid-auto-columns: minmax(16rem, 20rem) !important;
  grid-auto-flow: column !important;
  grid-template-columns: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-bottom: 0.35rem !important;
  scroll-snap-type: x mandatory !important;
}

body.mf-bracket-page :is(.mf-bracket-stage-card, .mf-bracket-match, .mf-bracket-round) {
  scroll-snap-align: start !important;
}

body.mf-bracket-page :is(.mf-bracket-stage-card, .mf-bracket-match, .mf-bracket-team-pick):where(:hover, :focus-within) {
  border-color: rgba(31, 203, 116, 0.55) !important;
  transform: translateY(-2px) !important;
}

body.mf-podcast-page .stl-city-hero {
  min-height: 0 !important;
  padding-block: calc(var(--mf-ux-nav-height, 50px) + 0.55rem) 0.7rem !important;
}

body.mf-podcast-page .stl-city-layout {
  align-items: stretch !important;
  display: grid !important;
  gap: 0.65rem !important;
  grid-template-columns: minmax(12rem, 0.35fr) minmax(0, 1fr) !important;
}

body.mf-podcast-page .stl-city-badge,
body.mf-podcast-page .stl-city-info {
  background:
    linear-gradient(135deg, rgba(248, 201, 47, 0.09), transparent 35%),
    rgba(3, 10, 6, 0.94) !important;
  border: 1px solid rgba(248, 201, 47, 0.24) !important;
  border-radius: 0.9rem !important;
  min-height: 0 !important;
  padding: 0.68rem !important;
}

body.mf-podcast-page .stl-heading {
  max-width: 14ch !important;
  font-size: clamp(2rem, 4.1vw, 3.65rem) !important;
  line-height: 0.94 !important;
}

body.mf-podcast-page main > section:nth-of-type(3),
body.mf-podcast-page main > section:nth-of-type(5) {
  display: none !important;
}

body.mf-podcast-page .mf-media-command {
  padding-block: 0.68rem !important;
}

body.mf-podcast-page .mf-media-player-card {
  align-items: stretch !important;
  background:
    linear-gradient(135deg, rgba(31, 203, 116, 0.1), transparent 36%),
    rgba(4, 15, 9, 0.94) !important;
  border: 1px solid rgba(248, 201, 47, 0.24) !important;
  border-radius: 0.9rem !important;
  display: grid !important;
  gap: 0.62rem !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(18rem, 0.62fr) !important;
  padding: 0.68rem !important;
}

body.mf-podcast-page .mf-media-audio-shell iframe {
  border-radius: 0.7rem !important;
  height: clamp(22rem, 34vw, 30rem) !important;
}

body.mf-podcast-page .mf-media-player-copy {
  align-content: center !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0.72rem !important;
  display: grid !important;
  padding: 0.7rem !important;
}

body.mf-podcast-page .mf-media-channel-grid,
body.mf-podcast-page .mf-platform-rail {
  display: grid !important;
  gap: 0.45rem !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.mf-podcast-page .mf-media-channel-grid a,
body.mf-podcast-page .mf-platform-rail a {
  background:
    linear-gradient(135deg, rgba(248, 201, 47, 0.12), transparent 36%),
    rgba(4, 15, 9, 0.94) !important;
  border: 1px solid rgba(248, 201, 47, 0.22) !important;
  border-radius: 0.68rem !important;
  min-height: 0 !important;
  padding: 0.56rem !important;
}

body.mf-podcast-page .mf-podcast-studio-grid {
  grid-template-columns: minmax(0, 1fr) minmax(14rem, 0.42fr) !important;
  gap: 0.6rem !important;
  min-height: 0 !important;
  padding: 0.62rem !important;
}

body.mf-podcast-page .mf-podcast-cover img {
  width: min(8rem, 42vw) !important;
}

body.mf-podcast-page .mf-podcast-console {
  background:
    linear-gradient(135deg, rgba(28, 135, 255, 0.1), transparent 35%),
    rgba(4, 15, 10, 0.94) !important;
  border: 1px solid rgba(248, 201, 47, 0.24) !important;
  border-radius: 0.9rem !important;
  padding: 0.68rem !important;
}

body.mf-podcast-page .mf-podcast-console__grid {
  display: grid !important;
  gap: 0.62rem !important;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.56fr) !important;
}

body.mf-podcast-page .mf-podcast-player {
  display: grid !important;
  gap: 0.62rem !important;
  grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr) !important;
}

body.mf-podcast-page .mf-podcast-player__art {
  aspect-ratio: 1 !important;
  min-height: 0 !important;
}

body.mf-podcast-page .mf-podcast-queue {
  max-height: 31rem !important;
  overflow: auto !important;
}

body.mf-podcast-page .mf-podcast-queue-item {
  border: 1px solid rgba(248, 201, 47, 0.18) !important;
  border-radius: 0.65rem !important;
  margin-bottom: 0.38rem !important;
  padding: 0.48rem !important;
}

body.mf-kit-ready .mf-daily-hero {
  min-height: 0 !important;
  padding-block: calc(var(--mf-ux-nav-height, 50px) + 0.55rem) 0.72rem !important;
}

body.mf-kit-ready .mf-daily-hero .mf-daily-grid {
  align-items: stretch !important;
  display: grid !important;
  gap: 0.65rem !important;
  grid-template-columns: minmax(0, 0.86fr) minmax(18rem, 0.52fr) !important;
  min-height: 0 !important;
}

body.mf-kit-ready .mf-daily-lead,
body.mf-kit-ready .mf-daily-board {
  background:
    linear-gradient(135deg, rgba(248, 201, 47, 0.1), transparent 35%),
    rgba(3, 10, 6, 0.95) !important;
  border: 1px solid rgba(248, 201, 47, 0.25) !important;
  border-radius: 0.9rem !important;
  min-height: 0 !important;
  padding: 0.68rem !important;
}

body.mf-kit-ready .mf-hero-title-streamlined {
  max-width: 11ch !important;
  font-size: clamp(2rem, 4.2vw, 3.7rem) !important;
  line-height: 0.94 !important;
}

body.mf-kit-ready .mf-home-worldcup-wrap {
  display: none !important;
}

body.mf-kit-ready .mf-creator-board {
  align-items: stretch !important;
  display: grid !important;
  gap: 0.58rem !important;
  grid-template-columns: minmax(0, 0.8fr) minmax(18rem, 0.55fr) !important;
}

body.mf-kit-ready .mf-creator-panel {
  background:
    linear-gradient(135deg, rgba(31, 203, 116, 0.1), transparent 35%),
    rgba(4, 14, 9, 0.94) !important;
  border: 1px solid rgba(248, 201, 47, 0.22) !important;
  border-radius: 0.75rem !important;
  min-height: 0 !important;
  padding: 0.6rem !important;
}

body.mf-kit-ready .mf-creator-stats,
body.mf-kit-ready .mf-creator-link-row {
  display: grid !important;
  gap: 0.45rem !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.mf-kit-ready .mf-home-spotlight-grid,
body.mf-kit-ready .mf-creator-network-grid {
  display: grid !important;
  gap: 0.52rem !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  min-height: 0 !important;
}

body.mf-kit-ready :is(.mf-home-spotlight-card, .mf-creator-network-card) {
  background:
    linear-gradient(135deg, rgba(28, 135, 255, 0.08), transparent 35%),
    rgba(4, 14, 9, 0.95) !important;
  border: 1px solid rgba(248, 201, 47, 0.2) !important;
  border-radius: 0.72rem !important;
  display: grid !important;
  gap: 0.45rem !important;
  min-height: 0 !important;
  padding: 0.55rem !important;
}

body.mf-kit-ready :is(.mf-home-spotlight-card, .mf-creator-network-card):where(:hover, :focus-within) {
  border-color: rgba(31, 203, 116, 0.55) !important;
  transform: translateY(-2px) !important;
}

body.mf-kit-ready :is(.mf-home-spotlight-card img, .mf-creator-network-card__logo) {
  height: 3.6rem !important;
  width: 3.6rem !important;
  object-fit: contain !important;
}

@media (max-width: 980px) {
  body.mf-wc-shell .mf-worldcup-hero .mf-worldcup-hero__grid,
  body.mf-wc-shell .mf-world-route-console__panel,
  body.mf-wc-shell .mf-world-live-head,
  body.mf-wc-shell #world-hub,
  body.mf-caf-page .mf-caf-hero__grid,
  body.mf-bracket-page .mf-bracket-hero .stl-container,
  body.mf-podcast-page .stl-city-layout,
  body.mf-podcast-page .mf-media-player-card,
  body.mf-podcast-page .mf-podcast-console__grid,
  body.mf-kit-ready .mf-daily-hero .mf-daily-grid,
  body.mf-kit-ready .mf-creator-board {
    grid-template-columns: 1fr !important;
  }

  body.mf-wc-shell .mf-world-route-console__grid,
  body.mf-wc-shell .mf-world-route-console__status,
  body.mf-wc-shell .mf-world-live-status,
  body.mf-podcast-page .mf-media-channel-grid,
  body.mf-podcast-page .mf-platform-rail,
  body.mf-kit-ready .mf-creator-stats,
  body.mf-kit-ready .mf-creator-link-row,
  body.mf-kit-ready .mf-home-spotlight-grid,
  body.mf-kit-ready .mf-creator-network-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.mf-wc-shell .mf-world-route-console__grid,
  body.mf-wc-shell .mf-world-route-console__status,
  body.mf-wc-shell .mf-world-live-status,
  body.mf-podcast-page .mf-media-channel-grid,
  body.mf-podcast-page .mf-platform-rail,
  body.mf-podcast-page .mf-podcast-player,
  body.mf-kit-ready .mf-creator-stats,
  body.mf-kit-ready .mf-creator-link-row,
  body.mf-kit-ready .mf-home-spotlight-grid,
  body.mf-kit-ready .mf-creator-network-grid {
    grid-template-columns: 1fr !important;
  }
}

body.mf-wc-shell :is(.mf-world-route-console__status, .mf-world-live-status, .mf-world-route-console__grid, .mf-world-live-shell, .mf-world-module) :is(span, small, b, strong) {
  letter-spacing: 0.04em !important;
  line-height: 1.12 !important;
  max-width: 100% !important;
}

body.mf-wc-shell .mf-world-route-console__status span {
  align-items: center !important;
  display: inline-flex !important;
  font-family: var(--f-mono, monospace) !important;
  font-size: 0.68rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  min-height: 1.85rem !important;
  padding: 0.34rem 0.52rem !important;
  text-transform: uppercase !important;
  width: auto !important;
}

body.mf-wc-shell .mf-world-route-card {
  align-content: end !important;
  min-height: clamp(8.5rem, 14vw, 11rem) !important;
  overflow: hidden !important;
}

body.mf-wc-shell .mf-world-route-card small {
  align-self: start !important;
  display: inline-flex !important;
  font-family: var(--f-mono, monospace) !important;
  font-size: 0.58rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  padding: 0.3rem 0.42rem !important;
  text-transform: uppercase !important;
  width: fit-content !important;
}

body.mf-wc-shell .mf-world-route-card strong {
  font-size: clamp(1rem, 1.35vw, 1.3rem) !important;
  line-height: 1 !important;
}

body.mf-wc-shell .mf-world-route-card span {
  font-size: 0.73rem !important;
  line-height: 1.25 !important;
}

body.mf-wc-shell .mf-world-live-stat {
  align-content: start !important;
  gap: 0.18rem !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0.62rem !important;
}

body.mf-wc-shell .mf-world-live-stat b {
  font-family: var(--f-mono, monospace) !important;
  font-size: 0.68rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.mf-wc-shell .mf-world-live-stat span {
  color: #fff !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

body.mf-wc-shell .mf-world-live-stat small {
  font-size: 0.7rem !important;
  line-height: 1.2 !important;
}

body.mf-wc-shell :is(.mf-world-route-console, .mf-world-live-section) {
  padding-block: 0.72rem !important;
}

body.mf-wc-shell .mf-world-route-console__copy {
  align-content: start !important;
  min-height: 0 !important;
}

body.mf-wc-shell .mf-world-live-shell {
  gap: 0.62rem !important;
  padding: 0.7rem !important;
}

body.mf-podcast-page .mf-podcast-player__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.35rem !important;
  max-height: 4rem !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.mf-podcast-page .mf-podcast-player__main > p {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 5 !important;
  max-height: 7rem !important;
  overflow: hidden !important;
}

body.mf-podcast-page .mf-podcast-queue {
  max-height: 24rem !important;
}

body.mf-podcast-page .mf-podcast-queue-item__copy em {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

body.mf-podcast-page main > section:nth-of-type(6) {
  padding-block: 0.75rem !important;
}

body.mf-podcast-page main > section:nth-of-type(7) {
  display: none !important;
}

body.mf-podcast-page .mf-platform-logo--text {
  align-items: center !important;
  background: #0a66c2 !important;
  border-radius: 0.28rem !important;
  color: #fff !important;
  display: inline-flex !important;
  font: 900 0.92rem/1 Arial, sans-serif !important;
  height: 1.75rem !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  width: 1.75rem !important;
}

body.mf-caf-page :is(.mf-command-center--africa, .mf-caf-overview, #caf-current, #caf-men, #caf-women, #caf-youth, #caf-clubs, #caf-pathways, #caf-zones, #caf-history, #caf-latest) {
  padding-block: 0.75rem !important;
}

body.mf-caf-page :is(.mf-caf-competition-card, .mf-caf-pathway-card, .mf-caf-zone-card, .mf-caf-history-card, .mf-caf-news-card, .mf-caf-signal-card) {
  min-height: 0 !important;
  padding: 0.58rem !important;
}

body.mf-bracket-page :is(.mf-bracket-stage-card, .mf-bracket-match, .mf-bracket-group-card) {
  min-height: 0 !important;
}

body.mf-caf-page .mf-caf-hero {
  max-height: 32rem !important;
  overflow: hidden !important;
}

body.mf-caf-page .mf-caf-hero__grid {
  align-items: start !important;
}

body.mf-caf-page .mf-caf-hero__board,
body.mf-caf-page .mf-caf-hero__copy {
  max-height: 24rem !important;
  overflow: auto !important;
}

body.mf-caf-page .mf-caf-country-strip,
body.mf-caf-page .mf-caf-country-strip--hero {
  display: grid !important;
  gap: 0.36rem !important;
  grid-auto-columns: max-content !important;
  grid-auto-flow: column !important;
  grid-template-columns: none !important;
  max-height: 4rem !important;
  overflow: auto hidden !important;
  padding-block: 0.25rem !important;
  scroll-snap-type: x mandatory !important;
}

body.mf-caf-page .mf-caf-country-strip :is(a, button, span),
body.mf-caf-page .mf-caf-country-strip--hero :is(a, button, span) {
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  font-size: 0.68rem !important;
  line-height: 1 !important;
  min-height: 1.85rem !important;
  padding: 0.28rem 0.46rem !important;
  scroll-snap-align: start !important;
}

body.mf-caf-page main#main-content > section:is(#caf-men, #caf-women, #caf-youth, #caf-clubs, #caf-pathways, #caf-federations, #caf-history, #caf-news, #caf-matrix) {
  max-height: 28rem !important;
  overflow: auto !important;
  padding-block: 0.62rem !important;
}

body.mf-caf-page main#main-content > section#caf-official-players,
body.mf-caf-page .mf-command-center--africa {
  max-height: 31rem !important;
  overflow: auto !important;
}

body.mf-caf-page main#main-content > section:is(#caf-men, #caf-women, #caf-youth, #caf-clubs, #caf-pathways, #caf-federations, #caf-history, #caf-news, #caf-matrix) .mf-caf-section-head {
  margin-bottom: 0.45rem !important;
}

body.mf-caf-page :is(.mf-caf-competition-grid, .mf-caf-pathway-grid, .mf-caf-zone-grid, .mf-caf-history-grid, .mf-caf-news-grid) > * {
  max-height: 18rem !important;
  overflow: auto !important;
}

body.mf-wc-shell .mf-world-live-shell {
  max-height: 48rem !important;
  overflow: auto !important;
}

body.mf-bracket-page .mf-bracket-section {
  max-height: 52rem !important;
  overflow: auto !important;
}

body.mf-podcast-page main > section:nth-of-type(2),
body.mf-podcast-page main > section:nth-of-type(6) {
  max-height: 48rem !important;
  overflow: auto !important;
}

@media (min-width: 981px) {
  body.mf-caf-page main#main-content {
    align-items: start !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mf-caf-page main#main-content > :is(.mf-caf-hero, .mf-command-center--africa, #caf-official-players),
  body.mf-caf-page main#main-content > section:nth-of-type(2) {
    grid-column: 1 / -1 !important;
  }

  body.mf-caf-page main#main-content > section {
    width: 100% !important;
  }

  body.mf-caf-page main#main-content > section .stl-container {
    max-width: none !important;
    padding-inline: 0.82rem !important;
    width: 100% !important;
  }
}
