/* 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;
  }
}

/* Diaspora launch fix */
body.mf-diaspora-fix-page {
  background: #040b07 !important;
}

body.mf-diaspora-fix-page :is(.stl-section, .mf-diaspora-fix-content) {
  padding-block: clamp(1rem, 2vw, 1.7rem) !important;
}

.mf-diaspora-fix-hero {
  min-height: 0 !important;
  padding: clamp(1.1rem, 2.2vw, 2rem) 0 !important;
}

.mf-diaspora-fix-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
  gap: clamp(.8rem, 1.5vw, 1.25rem);
  align-items: stretch;
}

.mf-diaspora-fix-hero__copy,
.mf-diaspora-fix-hero__panel,
.mf-diaspora-fix-shell,
.mf-diaspora-tabs,
.mf-diaspora-toolbar,
.mf-diaspora-empty {
  border: 1px solid rgba(245, 200, 66, .18);
  background: linear-gradient(135deg, rgba(2, 17, 10, .93), rgba(5, 29, 23, .82));
  box-shadow: 0 20px 55px rgba(0, 0, 0, .28);
}

.mf-diaspora-fix-hero__copy,
.mf-diaspora-fix-hero__panel {
  border-radius: 1rem;
  padding: clamp(.8rem, 1.7vw, 1.25rem);
}

.mf-diaspora-fix-hero h1 {
  max-width: 13ch;
  margin: .25rem 0 .45rem !important;
  font-size: clamp(2rem, 4.3vw, 4.25rem) !important;
  line-height: .9 !important;
}

.mf-diaspora-fix-hero p {
  max-width: 64ch;
  margin: 0 0 .7rem !important;
  color: rgba(245, 250, 242, .82);
  line-height: 1.45;
}

.mf-diaspora-fix-hero__panel {
  display: grid;
  align-content: center;
  gap: .65rem;
}

.mf-diaspora-section-nav {
  position: sticky;
  top: var(--site-header-height, 54px);
  z-index: 20;
  display: block;
  align-items: center;
}

.mf-diaspora-section-select {
  display: none !important;
}

.mf-diaspora-section-select span {
  color: #f5c842;
  font-family: "JetBrains Mono", monospace;
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mf-diaspora-section-select select {
  width: 100%;
  min-height: 2.55rem;
  border: 1px solid rgba(245, 200, 66, .3);
  border-radius: 999px;
  padding: .56rem 2.25rem .56rem .9rem;
  color: #f4f7f1;
  background:
    linear-gradient(135deg, rgba(245, 200, 66, .12), rgba(8, 36, 26, .78)),
    #061009;
  font-weight: 900;
}

.mf-diaspora-section-select select:focus-visible {
  outline: 2px solid rgba(245, 200, 66, .75);
  outline-offset: 2px;
}

.mf-diaspora-tabs {
  display: flex;
  gap: .4rem;
  overflow-x: auto;
  border-radius: 1rem;
  padding: .35rem;
  scrollbar-width: none;
  justify-content: center;
  background:
    linear-gradient(135deg, rgba(245, 200, 66, .08), rgba(31, 203, 116, .06)),
    rgba(2, 12, 8, .92) !important;
}

.mf-diaspora-tabs::-webkit-scrollbar {
  display: none;
}

.mf-diaspora-tabs a {
  flex: 1 0 max-content;
  min-height: 2.1rem;
  border-radius: 999px;
  padding: .55rem .85rem;
  border: 1px solid rgba(245, 200, 66, .18);
  color: #f0f4ec;
  font-weight: 900;
  font-size: .76rem;
  text-decoration: none;
  text-align: center;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.mf-diaspora-tabs a[aria-current="page"],
.mf-diaspora-tabs a:hover {
  background: #f5c842;
  color: #061009;
  transform: translateY(-1px);
}

.mf-diaspora-fix-shell {
  border-radius: 1rem;
  padding: clamp(.7rem, 1.5vw, 1rem);
}

.mf-diaspora-toolbar {
  display: grid;
  grid-template-columns: minmax(240px, .75fr) minmax(0, 1.25fr);
  gap: .65rem;
  align-items: end;
  border-radius: .85rem;
  padding: .65rem;
  margin-bottom: .7rem;
}

.mf-diaspora-toolbar label {
  display: grid;
  gap: .25rem;
  margin: 0;
}

.mf-diaspora-toolbar label span,
.mf-diaspora-card-row small,
.mf-diaspora-chip-row span,
.mf-diaspora-tabs a {
  letter-spacing: .02em;
  text-transform: uppercase;
}

.mf-diaspora-toolbar input {
  width: 100%;
  min-height: 2.45rem;
  border: 1px solid rgba(245, 200, 66, .18);
  border-radius: .65rem;
  padding: .6rem .75rem;
  color: #fff;
  background: rgba(4, 12, 9, .78);
}

.mf-diaspora-filter-chips,
.mf-diaspora-chip-row,
.mf-diaspora-route-card__links {
  display: flex;
  gap: .35rem;
  flex-wrap: wrap;
}

.mf-diaspora-filter-chips button,
.mf-diaspora-chip-row span {
  border: 1px solid rgba(245, 200, 66, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
  color: #eef5ec;
}

.mf-diaspora-filter-chips button {
  min-height: 2.05rem;
  padding: .45rem .7rem;
  font-weight: 900;
}

.mf-diaspora-filter-chips button.is-active {
  background: #f5c842;
  color: #061009;
}

.mf-diaspora-stat-grid,
.mf-diaspora-player-grid,
.mf-diaspora-club-grid,
.mf-diaspora-route-grid,
.mf-diaspora-story-grid,
.mf-diaspora-map-grid,
.mf-diaspora-fixture-grid {
  display: grid;
  gap: .65rem;
}

.mf-diaspora-stat-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: .7rem;
}

.mf-diaspora-stat-grid article {
  border: 1px solid rgba(245, 200, 66, .16);
  border-radius: .75rem;
  padding: .65rem;
  background: rgba(255, 255, 255, .045);
}

.mf-diaspora-stat-grid strong {
  display: block;
  font-size: clamp(1.25rem, 2vw, 2rem);
  color: #f5c842;
}

.mf-diaspora-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
  gap: .75rem;
}

.mf-diaspora-player-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mf-diaspora-player-grid--tight {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mf-diaspora-club-grid,
.mf-diaspora-route-grid,
.mf-diaspora-story-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mf-diaspora-map-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mf-diaspora-fixture-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: .7rem;
}

.mf-diaspora-player-card,
.mf-diaspora-club-card,
.mf-diaspora-route-card,
.mf-diaspora-story-card,
.mf-diaspora-map-grid article,
.mf-diaspora-fixture-card {
  border: 1px solid rgba(245, 200, 66, .16);
  border-radius: .85rem;
  background: linear-gradient(135deg, rgba(9, 28, 22, .92), rgba(5, 16, 12, .96));
  overflow: hidden;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.mf-diaspora-player-card:hover,
.mf-diaspora-club-card:hover,
.mf-diaspora-route-card:hover,
.mf-diaspora-story-card:hover,
.mf-diaspora-map-grid article:hover,
.mf-diaspora-fixture-card:hover {
  transform: translateY(-2px);
  border-color: rgba(245, 200, 66, .48);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .28);
}

.mf-diaspora-player-card {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  min-height: 10.5rem;
}

.mf-diaspora-player-card__media {
  min-height: 100%;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, .055);
}

.mf-diaspora-player-card__media img {
  width: 100%;
  height: 100%;
  min-height: 10.5rem;
  object-fit: cover;
}

.mf-diaspora-player-card__media .mf-diaspora-flag-img {
  width: 4.5rem;
  height: auto;
  min-height: 0;
  border-radius: .4rem;
  object-fit: contain;
}

.mf-diaspora-initial {
  display: grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #f5c842;
  color: #061009;
  font-size: 2rem;
  font-weight: 1000;
}

.mf-diaspora-player-card__body,
.mf-diaspora-club-card,
.mf-diaspora-route-card,
.mf-diaspora-story-card > div,
.mf-diaspora-map-grid article,
.mf-diaspora-fixture-card,
.mf-diaspora-empty {
  padding: .75rem;
}

.mf-diaspora-card-row {
  display: flex;
  justify-content: space-between;
  gap: .5rem;
  align-items: start;
}

.mf-diaspora-card-row strong,
.mf-diaspora-story-card h3,
.mf-diaspora-fixture-card h3 {
  font-size: .98rem;
  line-height: 1.1;
}

.mf-diaspora-card-row small {
  color: #f5c842;
  font-size: .66rem;
  font-weight: 900;
}

.mf-diaspora-player-card p,
.mf-diaspora-club-card p,
.mf-diaspora-route-card p,
.mf-diaspora-story-card p,
.mf-diaspora-fixture-card p {
  margin: .4rem 0 .55rem;
  color: rgba(240, 248, 238, .78);
  font-size: .84rem;
  line-height: 1.35;
}

.mf-diaspora-chip-row span {
  padding: .22rem .45rem;
  color: rgba(245, 248, 240, .82);
  font-size: .62rem;
  font-weight: 900;
}

.mf-diaspora-story-card img {
  width: 100%;
  aspect-ratio: 16 / 8.8;
  object-fit: cover;
}

.mf-diaspora-map-grid article div {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.mf-diaspora-map-grid img {
  width: 2rem;
  border-radius: .3rem;
}

.mf-diaspora-submit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
}

.mf-diaspora-submit-grid article {
  border: 1px solid rgba(245, 200, 66, .16);
  border-radius: .85rem;
  padding: .85rem;
  background: rgba(255, 255, 255, .045);
}

@media (max-width: 980px) {
  .mf-diaspora-fix-hero__grid,
  .mf-diaspora-dashboard-grid,
  .mf-diaspora-toolbar {
    grid-template-columns: 1fr;
  }

  .mf-diaspora-player-grid,
  .mf-diaspora-club-grid,
  .mf-diaspora-route-grid,
  .mf-diaspora-story-grid,
  .mf-diaspora-map-grid,
  .mf-diaspora-fixture-grid,
  .mf-diaspora-submit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .mf-diaspora-fix-hero h1 {
    font-size: clamp(2rem, 12vw, 3rem) !important;
  }

  .mf-diaspora-stat-grid,
  .mf-diaspora-player-grid,
  .mf-diaspora-club-grid,
  .mf-diaspora-route-grid,
  .mf-diaspora-story-grid,
  .mf-diaspora-map-grid,
  .mf-diaspora-fixture-grid,
  .mf-diaspora-submit-grid {
    grid-template-columns: 1fr;
  }

  .mf-diaspora-player-card {
    grid-template-columns: 82px minmax(0, 1fr);
  }
}

/* Release gate: every visible STL Directory action remains comfortably tappable. */
@media (max-width: 760px) {
  body.mf-stl-directory-page :where(
    .stl-directory-card .stl-btn,
    .stl-directory-more,
    .stl-camp-card .stl-btn,
    .stl-camp-save,
    .mf-front-actions > a,
    .mf-front-actions > button
  ) {
    min-width: 44px !important;
    min-height: 44px !important;
    padding-block: .7rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* Generated agent reset: fix old inline font shorthand and AFCON-on-diaspora body pages. */
body :where(
  .mf-diaspora-kpi small,
  .mf-diaspora-mini-board small,
  .mf-diaspora-pulse-item small,
  .mf-diaspora-command__footer span,
  .mf-diaspora-route-panel__top small,
  .mf-afcon-command small,
  .mf-afcon-command__grid small,
  .mf-afcon-command__stats small,
  .mf-afcon-mini-panel small
) {
  font-family: "JetBrains Mono", monospace !important;
  font-size: .62rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body :where(.mf-diaspora-mini-board__head, .mf-diaspora-route-panel__top, .mf-afcon-command__stats) {
  height: auto !important;
  min-height: 0 !important;
  max-height: 8rem !important;
  overflow: hidden !important;
  align-items: start !important;
}

body :where(.mf-afcon-dashboard, .mf-afcon-board, .mf-afcon-dashboard-section) {
  min-height: 0 !important;
  max-height: 40rem !important;
  overflow: auto !important;
}

body :where(.mf-afcon-command) {
  min-height: 0 !important;
  max-height: 28rem !important;
  overflow: auto !important;
  padding: .72rem !important;
}

body :where(.mf-afcon-command__grid) {
  align-items: start !important;
  min-height: 0 !important;
  max-height: 16rem !important;
  overflow: auto !important;
  gap: .5rem !important;
}

body :where(.mf-afcon-command__lead, .mf-afcon-mini-panel, .mf-afcon-host-card) {
  min-height: 0 !important;
  max-height: 12rem !important;
  overflow: auto !important;
}

body :where(.mf-afcon-command__stats) {
  display: grid !important;
  align-content: start !important;
  gap: .4rem !important;
}

body :where(.mf-diaspora-pathway-shell) {
  max-height: 76rem !important;
  overflow: auto !important;
}

body :where(.mf-diaspora-route-panel__top, .mf-diaspora-mini-board__head) > * {
  max-width: 100% !important;
}

body :where(
  .mf-diaspora-action-strip a,
  .mf-diaspora-mini-board__head a,
  .mf-diaspora-command__footer a,
  .mf-diaspora-meter-list a
) {
  min-height: 1.8rem !important;
  padding: .36rem .56rem !important;
  font-family: "Archivo", system-ui, sans-serif !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body :where(.mf-diaspora-meter-list li, .mf-diaspora-meter-list span, .mf-diaspora-meter-list b) {
  height: auto !important;
  min-height: 0 !important;
  max-height: 2.25rem !important;
  font-family: "JetBrains Mono", monospace !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
}

body :where(.mf-african-talent-console, .mf-african-talent-grid, .mf-african-talent-list) {
  min-height: 0 !important;
  max-height: 32rem !important;
  overflow: auto !important;
}

body :where(.mf-african-talent-console__head) {
  height: auto !important;
  min-height: 0 !important;
  max-height: 7rem !important;
  overflow: hidden !important;
}

body :where(.mf-african-talent-console) :where(a, b, strong, small, span, p, li) {
  font-size: .78rem !important;
  line-height: 1.18 !important;
}

body:has(.mf-player-tracker-hero) :where(.mf-tracker-link-console, .mf-tracker-link-grid) {
  min-height: 0 !important;
  max-height: 42rem !important;
  overflow: auto !important;
}

body:has(.mf-player-tracker-hero) .mf-tracker-link-card__step {
  font-size: clamp(1.5rem, 4vw, 3rem) !important;
  line-height: .9 !important;
  height: auto !important;
}

body.mf-africa-page main :where(a, b, small, span) {
  line-height: 1.18 !important;
}

body.mf-africa-page main :where(.mf-diaspora-command__footer a, .mf-diaspora-command__footer b, .mf-diaspora-meter-list b, .mf-diaspora-meter-list span) {
  height: auto !important;
  min-height: 0 !important;
  max-height: 2.2rem !important;
  font-family: "JetBrains Mono", monospace !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
}

body.mf-africa-page .mf-diaspora-command__footer {
  max-height: 4.8rem !important;
  overflow: auto !important;
}

body.mf-africa-page :where(.mf-podcast-follow-console, .mf-podcast-follow-console__grid, .mf-podcast-now) {
  max-height: 24rem !important;
  min-height: 0 !important;
  overflow: auto !important;
}

body.mf-africa-page .mf-after-podcast-section:has(.mf-podcast-follow-console:empty),
body.mf-africa-page .mf-after-podcast-section:has(.mf-podcast-now:empty) {
  display: none !important;
}

body.mf-africa-page main > .mf-after-podcast-section,
body.mf-africa-page main > section:has(.site-newsletter-shell) {
  display: none !important;
}

body.mf-africa-page main > section:has([data-football-wire="diaspora"]) {
  display: none !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: none !important;
  overflow: visible !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;
  }
}

:where(body.mf-africa-page, body.mf-diaspora-page, body.mf-afcon-page, body.mf-caf-page, body.mf-home-taste) {
  --mf-compact-section: clamp(0.74rem, 1.4vw, 1.18rem);
  --mf-compact-card: clamp(0.56rem, 0.9vw, 0.82rem);
  --mf-card-bg: linear-gradient(140deg, rgba(8, 18, 12, 0.96), rgba(2, 5, 4, 0.98) 58%, rgba(10, 39, 25, 0.9));
  --mf-card-border: rgba(245, 200, 66, 0.2);
  --mf-card-active: rgba(31, 203, 116, 0.52);
}

:where(body.mf-africa-page, body.mf-diaspora-page, body.mf-afcon-page, body.mf-caf-page) main#main-content,
body:has(.mf-player-tracker-hero) main#main-content,
body:has(.mf-college-programs-section) main#main-content {
  background:
    radial-gradient(circle at 12% 0%, rgba(245, 200, 66, 0.08), transparent 24rem),
    radial-gradient(circle at 88% 8%, rgba(31, 203, 116, 0.1), transparent 24rem),
    linear-gradient(180deg, rgba(2, 5, 4, 0.98), rgba(1, 3, 3, 1)) !important;
}

:where(body.mf-africa-page, body.mf-diaspora-page, body.mf-afcon-page, body.mf-caf-page) :where(.stl-section, section),
body:has(.mf-player-tracker-hero) :where(.stl-section, .mf-tracker-player-media),
body:has(.mf-college-programs-section) :where(.stl-section, .mf-daily-hero) {
  padding-block: var(--mf-compact-section) !important;
}

:where(body.mf-africa-page, body.mf-diaspora-page, body.mf-afcon-page, body.mf-caf-page) :where(.stl-container, .mf-diaspora-hero__inner, .mf-afcon-hero__inner),
body:has(.mf-player-tracker-hero) :where(.stl-container, .mf-diaspora-hero__inner),
body:has(.mf-college-programs-section) :where(.stl-container, .mf-daily-grid) {
  max-width: min(1180px, calc(100vw - 1.4rem)) !important;
}

:where(body.mf-africa-page, body.mf-diaspora-page) .mf-diaspora-hero,
body.mf-afcon-page .mf-afcon-hero,
body.mf-caf-page .mf-caf-hero,
body:has(.mf-player-tracker-hero) .mf-player-tracker-hero,
body:has(.mf-college-programs-section) .mf-daily-hero {
  min-height: 0 !important;
  padding-block: clamp(0.9rem, 1.8vw, 1.35rem) !important;
}

:where(body.mf-africa-page, body.mf-diaspora-page) .mf-diaspora-hero__inner,
body.mf-afcon-page .mf-afcon-hero__inner,
body:has(.mf-player-tracker-hero) .mf-diaspora-hero__inner,
body:has(.mf-college-programs-section) .mf-daily-grid {
  align-items: center !important;
  display: grid !important;
  gap: 0.72rem !important;
}

:where(body.mf-africa-page, body.mf-diaspora-page, body.mf-afcon-page) :where(.mf-diaspora-hero h1, .mf-afcon-hero h1, .mf-africa-hero-copy .stl-heading),
body:has(.mf-player-tracker-hero) .mf-player-tracker-hero h1,
body:has(.mf-college-programs-section) .mf-daily-hero h1,
body.mf-caf-page .mf-caf-hero h1 {
  font-size: clamp(2rem, 5.1vw, 4.35rem) !important;
  letter-spacing: 0 !important;
  line-height: 0.92 !important;
  max-width: 12ch !important;
  text-wrap: balance !important;
}

:where(body.mf-africa-page, body.mf-diaspora-page, body.mf-afcon-page) :where(.mf-diaspora-hero p, .mf-afcon-hero p, .mf-africa-hero-copy p),
body:has(.mf-player-tracker-hero) .mf-player-tracker-hero p,
body:has(.mf-college-programs-section) .mf-daily-hero p,
body.mf-caf-page .mf-caf-hero p {
  font-size: clamp(0.83rem, 1vw, 0.98rem) !important;
  line-height: 1.35 !important;
  max-width: 58ch !important;
}

:where(body.mf-africa-page, body.mf-diaspora-page, body.mf-afcon-page) :where(.mf-hub-proof-row, .mf-diaspora-actions, .mf-afcon-actions, .mf-africa-hero-actions, .mf-africa-hero-pills, .mf-africa-hero-links, .mf-africa-hero-route-board),
body:has(.mf-player-tracker-hero) :where(.mf-diaspora-actions, .mf-hub-proof-row, .mf-hero-chip-row, .mf-unified-hero-actions),
body:has(.mf-college-programs-section) :where(.mf-daily-actions, .mf-home-quicklinks) {
  gap: 0.34rem !important;
  margin-top: 0.48rem !important;
}

:where(body.mf-africa-page, body.mf-diaspora-page, body.mf-afcon-page, body.mf-caf-page) :where(.stl-btn, .mf-chip, button, .mf-afcon-country-button, .mf-caf-card-links a),
body:has(.mf-player-tracker-hero) :where(.stl-btn, .mf-chip, button),
body:has(.mf-college-programs-section) :where(.stl-btn, .mf-chip, button) {
  min-height: 2.15rem !important;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease !important;
}

:where(body.mf-africa-page, body.mf-diaspora-page, body.mf-afcon-page, body.mf-caf-page) :where(a, button, article):where(:hover, :focus-visible, :focus-within),
body:has(.mf-player-tracker-hero) :where(a, button, article):where(:hover, :focus-visible, :focus-within),
body:has(.mf-college-programs-section) :where(a, button, article):where(:hover, :focus-visible, :focus-within) {
  border-color: var(--mf-card-active) !important;
  box-shadow: 0 0 0 1px rgba(31, 203, 116, 0.16), 0 1rem 2rem rgba(0, 0, 0, 0.24) !important;
  transform: translateY(-2px) !important;
}

:where(body.mf-africa-page, body.mf-diaspora-page, body.mf-afcon-page) :where(.mf-hub-proof-card, .mf-diaspora-official-card, .mf-diaspora-loading-card, .mf-diaspora-map-panel, .mf-afcon-route-card, .mf-afcon-command, .mf-afcon-dashboard__section, .mf-afcon-mini-panel, .mf-afcon-host-card, .mf-afcon-group-card, .mf-afcon-group-snapshot, .mf-afcon-news-featured, .mf-afcon-last-winner-card, .mf-afcon-news-card),
body:has(.mf-player-tracker-hero) :where(.mf-tracker-link-console, .mf-tracker-link-card, .mf-tracker-media-card, .mf-tracker-player-card, .mf-hub-proof-card),
body:has(.mf-college-programs-section) :where(.mf-college-program-card, .mf-home-spotlight-card, .mf-daily-lead, .mf-daily-board),
body.mf-caf-page :where(.mf-caf-overview-card, .mf-caf-competition-card, .mf-caf-pathway-card, .mf-caf-signal-card, .mf-caf-zone-card, .mf-caf-history-card, .mf-caf-news-card, .mf-caf-table-wrap, .mf-diaspora-official-card) {
  background: var(--mf-card-bg) !important;
  border-color: var(--mf-card-border) !important;
  border-radius: 10px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: var(--mf-compact-card) !important;
}

:where(body.mf-africa-page, body.mf-diaspora-page, body.mf-afcon-page) :where(.mf-diaspora-official-grid, .mf-afcon-group-list, .mf-afcon-news-list, .mf-afcon-last-winners, .mf-afcon-command__hosts, .mf-afcon-command__teams),
body:has(.mf-player-tracker-hero) :where(.mf-tracker-player-media__grid, .mf-tracker-player-grid, .mf-tracker-link-grid),
body:has(.mf-college-programs-section) :where(.mf-college-program-grid, .mf-home-spotlight-grid),
body.mf-caf-page :where(.mf-caf-overview, .mf-caf-signal-grid, .mf-caf-competition-grid, .mf-caf-pathway-grid, .mf-caf-news-grid) {
  display: grid !important;
  gap: 0.56rem !important;
}

:where(body.mf-africa-page, body.mf-diaspora-page) .mf-diaspora-official-grid,
body:has(.mf-player-tracker-hero) .mf-tracker-player-media__grid,
body:has(.mf-college-programs-section) .mf-college-program-grid,
body:has(.mf-college-programs-section) .mf-home-spotlight-grid {
  grid-auto-columns: minmax(15.5rem, 20rem) !important;
  grid-auto-flow: column !important;
  grid-template-columns: none !important;
  max-height: 29rem !important;
  overflow: auto hidden !important;
  padding: 0.22rem 0.1rem 0.42rem !important;
  scroll-snap-type: x mandatory !important;
}

:where(body.mf-africa-page, body.mf-diaspora-page) .mf-diaspora-official-grid > *,
body:has(.mf-player-tracker-hero) .mf-tracker-player-media__grid > *,
body:has(.mf-college-programs-section) :where(.mf-college-program-grid, .mf-home-spotlight-grid) > * {
  scroll-snap-align: start !important;
}

:where(body.mf-africa-page, body.mf-diaspora-page) .mf-diaspora-official-card__image,
body:has(.mf-player-tracker-hero) .mf-tracker-media-card__photo,
body:has(.mf-college-programs-section) .mf-college-program-card__brand img {
  aspect-ratio: 16 / 10 !important;
  border-radius: 8px !important;
  height: auto !important;
  max-height: 12.5rem !important;
  object-fit: contain !important;
  width: 100% !important;
}

body:has(.mf-player-tracker-hero) .mf-tracker-player-media {
  margin-block: 0.74rem 1rem !important;
}

body:has(.mf-player-tracker-hero) .mf-tracker-link-grid {
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)) !important;
}

body:has(.mf-player-tracker-hero) .mf-tracker-link-card:first-child {
  grid-column: span 2 !important;
}

body:has(.mf-college-programs-section) .mf-daily-hero {
  max-height: 31rem !important;
  overflow: hidden !important;
}

body:has(.mf-college-programs-section) .mf-daily-bg,
:where(body.mf-diaspora-page, body.mf-afcon-page) :where(.mf-diaspora-hero__bg, .mf-afcon-hero__bg) {
  opacity: 0.34 !important;
}

body:has(.mf-college-programs-section) .mf-daily-board {
  max-height: 15rem !important;
  overflow: auto !important;
}

body.mf-afcon-page .mf-afcon-route-grid,
body.mf-afcon-page .mf-diaspora-source-shell,
body.mf-diaspora-page .mf-diaspora-source-shell,
body.mf-africa-page :where(.mf-mofutbol-live-desk, .mf-mofutbol-framework, .mf-mofutbol-player-board) .stl-container {
  gap: 0.64rem !important;
}

body.mf-afcon-page .mf-afcon-dashboard,
body.mf-diaspora-page .mf-diaspora-source-shell,
body.mf-africa-page :where(#mf-diaspora-dashboard, #mf-african-talent-command, #mf-podcast-follow-command) {
  max-height: 38rem !important;
  overflow: auto !important;
}

body.mf-afcon-page .mf-afcon-board,
body.mf-diaspora-page .mf-diaspora-board,
body.mf-africa-page :where(.mf-mofutbol-live-desk, .mf-mofutbol-framework, .mf-mofutbol-player-board, .mf-after-podcast-section) {
  border-block: 1px solid rgba(245, 200, 66, 0.1) !important;
}

body.mf-afcon-page .mf-afcon-dashboard .mf-afcon-command {
  max-height: 31rem !important;
}

body.mf-afcon-page :where(.mf-afcon-command__grid, .mf-afcon-command__mini, .mf-afcon-group-snapshots, .mf-afcon-group-cards) {
  gap: 0.48rem !important;
}

body.mf-afcon-page .mf-afcon-group-cards,
body.mf-afcon-page .mf-afcon-country-grid,
body.mf-afcon-page .mf-afcon-last-winners,
body.mf-afcon-page .mf-afcon-news-list {
  max-height: 24rem !important;
  overflow: auto !important;
}

body.mf-afcon-page .mf-afcon-flag-marquee,
body.mf-afcon-page .mf-afcon-group-tools,
body.mf-afcon-page .mf-diaspora-filterbar {
  display: grid !important;
  grid-auto-columns: max-content !important;
  grid-auto-flow: column !important;
  grid-template-columns: none !important;
  overflow: auto hidden !important;
  padding-bottom: 0.2rem !important;
}

body.mf-caf-page .mf-caf-app {
  gap: 0 !important;
}

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

body.mf-caf-page .mf-caf-hero__grid {
  gap: 0.72rem !important;
}

body.mf-caf-page .mf-caf-hero__board,
body.mf-caf-page .mf-caf-hero__copy {
  max-height: 19rem !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: 23rem !important;
}

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

body.mf-caf-page .mf-caf-card-copy,
body.mf-caf-page .mf-caf-news-card p,
body.mf-caf-page .mf-caf-pathway-card p,
:where(body.mf-africa-page, body.mf-diaspora-page, body.mf-afcon-page) :where(.mf-diaspora-official-card p, .mf-afcon-mini-panel span, .mf-afcon-route-card p),
body:has(.mf-player-tracker-hero) :where(.mf-tracker-link-card p, .mf-tracker-media-card p),
body:has(.mf-college-programs-section) :where(.mf-home-spotlight-card p, .mf-college-program-card p) {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
}

@media (min-width: 900px) {
  body.mf-afcon-page .mf-afcon-route-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.mf-afcon-page .mf-diaspora-source-shell,
  body.mf-diaspora-page .mf-diaspora-source-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body:has(.mf-college-programs-section) .mf-daily-grid {
    grid-template-columns: minmax(0, 0.95fr) minmax(17rem, 0.7fr) !important;
  }
}

@media (max-width: 760px) {
  :where(body.mf-africa-page, body.mf-diaspora-page, body.mf-afcon-page, body.mf-caf-page) :where(.stl-section, section),
  body:has(.mf-player-tracker-hero) :where(.stl-section, .mf-tracker-player-media),
  body:has(.mf-college-programs-section) :where(.stl-section, .mf-daily-hero) {
    padding-block: 0.72rem !important;
  }

  :where(body.mf-africa-page, body.mf-diaspora-page, body.mf-afcon-page) :where(.mf-diaspora-hero h1, .mf-afcon-hero h1, .mf-africa-hero-copy .stl-heading),
  body:has(.mf-player-tracker-hero) .mf-player-tracker-hero h1,
  body:has(.mf-college-programs-section) .mf-daily-hero h1,
  body.mf-caf-page .mf-caf-hero h1 {
    max-width: 14ch !important;
  }

  body:has(.mf-player-tracker-hero) .mf-tracker-link-card:first-child {
    grid-column: auto !important;
  }
}

/* Version 5 generated-hub hardening: keep automated boards compact and readable. */
body.mf-africa-page :where(.mf-diaspora-command, .mf-diaspora-route-console),
body.mf-afcon-page :where(.mf-afcon-command, .mf-afcon-dashboard__section),
body.mf-diaspora-page :where(.mf-diaspora-pro-board, .mf-diaspora-fixture-board, .mf-diaspora-wc-board),
body.mf-afcon-page :where(.mf-diaspora-pro-board, .mf-diaspora-fixture-board, .mf-diaspora-wc-board) {
  min-height: 0 !important;
  max-height: 34rem !important;
  overflow: auto !important;
  padding: .72rem !important;
}

body.mf-africa-page .mf-diaspora-command {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(18rem, .88fr) !important;
  align-items: start !important;
  gap: .62rem !important;
}

body.mf-africa-page :where(.mf-diaspora-mini-board, .mf-diaspora-route-panel),
body.mf-afcon-page :where(.mf-afcon-mini-panel, .mf-afcon-command__lead),
body.mf-diaspora-page :where(.mf-diaspora-wc-player, .mf-diaspora-official-card),
body.mf-afcon-page :where(.mf-diaspora-wc-player, .mf-diaspora-official-card) {
  min-height: 0 !important;
  max-height: 16rem !important;
  overflow: auto !important;
  padding: .56rem !important;
}

body.mf-africa-page .mf-diaspora-mini-board--pulse {
  max-height: 24rem !important;
}

body.mf-africa-page :where(.mf-diaspora-kpi, .mf-diaspora-pulse-item),
body.mf-afcon-page :where(.mf-afcon-mini-panel a, .mf-afcon-mini-panel div, .mf-afcon-mini-panel p, .mf-afcon-mini-panel span, .mf-afcon-mini-panel strong),
body.mf-diaspora-page :where(.mf-diaspora-wc-player__image),
body.mf-afcon-page :where(.mf-diaspora-wc-player__image) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  font-size: clamp(.72rem, .9vw, .95rem) !important;
  line-height: 1.18 !important;
}

body.mf-africa-page .mf-diaspora-kpi {
  display: grid !important;
  align-content: start !important;
  gap: .18rem !important;
  max-height: 4.25rem !important;
}

body.mf-africa-page .mf-diaspora-kpi strong {
  font-size: clamp(1.2rem, 2.2vw, 2rem) !important;
  line-height: .95 !important;
}

body.mf-africa-page .mf-diaspora-pulse-item {
  display: grid !important;
  align-content: start !important;
  gap: .28rem !important;
  max-height: 5.8rem !important;
  overflow: hidden !important;
  padding: .48rem !important;
}

body.mf-africa-page .mf-diaspora-route-panel :where(a, button),
body.mf-afcon-page .mf-afcon-mini-panel :where(a, button) {
  min-height: 1.8rem !important;
  padding: .32rem .48rem !important;
  font-size: .76rem !important;
  line-height: 1.1 !important;
}

body.mf-afcon-page .mf-afcon-command__mini {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .46rem !important;
}

body.mf-afcon-page .mf-afcon-command__mini .mf-afcon-mini-panel {
  max-height: 10rem !important;
}

body.mf-afcon-page .mf-afcon-dashboard .mf-afcon-command {
  max-height: 28rem !important;
}

body.mf-diaspora-page :where(.mf-diaspora-pro-board, .mf-diaspora-fixture-board, .mf-diaspora-wc-board),
body.mf-afcon-page :where(.mf-diaspora-pro-board, .mf-diaspora-fixture-board, .mf-diaspora-wc-board) {
  max-height: 26rem !important;
}

body.mf-diaspora-page :where(.mf-diaspora-wc-board__grid, .mf-diaspora-official-grid),
body.mf-afcon-page :where(.mf-diaspora-wc-board__grid, .mf-diaspora-official-grid) {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(14rem, 18rem) !important;
  grid-template-columns: none !important;
  gap: .62rem !important;
  overflow: auto hidden !important;
  padding-bottom: .25rem !important;
}

body.mf-diaspora-page .mf-diaspora-wc-player__image,
body.mf-afcon-page .mf-diaspora-wc-player__image {
  aspect-ratio: 16 / 10 !important;
  max-height: 10rem !important;
  overflow: hidden !important;
}

body.mf-diaspora-page .mf-diaspora-wc-player__image img,
body.mf-afcon-page .mf-diaspora-wc-player__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.mf-afcon-page :where(.mf-afcon-group-snapshots, .mf-afcon-groups-list, .mf-afcon-groups-grid) {
  max-height: 24rem !important;
  overflow: auto !important;
}

@media (max-width: 900px) {
  body.mf-africa-page .mf-diaspora-command,
  body.mf-afcon-page .mf-afcon-command__mini {
    grid-template-columns: 1fr !important;
  }

  body.mf-africa-page :where(.mf-diaspora-command, .mf-diaspora-route-console),
  body.mf-afcon-page :where(.mf-afcon-command, .mf-afcon-dashboard__section),
  body.mf-diaspora-page :where(.mf-diaspora-pro-board, .mf-diaspora-fixture-board, .mf-diaspora-wc-board),
  body.mf-afcon-page :where(.mf-diaspora-pro-board, .mf-diaspora-fixture-board, .mf-diaspora-wc-board) {
    max-height: none !important;
    overflow: visible !important;
  }
}

/* CITY Radar compact command board. */
body.mf-city-radar-page {
  --mf-city-red: #e13a5a;
  --mf-city-cyan: #29d6ff;
  --mf-city-lime: #35d46d;
  --mf-city-gold: #ffd13b;
  background:
    radial-gradient(circle at 12% 8%, rgba(225, 58, 90, .12), transparent 28rem),
    radial-gradient(circle at 88% 18%, rgba(41, 214, 255, .12), transparent 30rem),
    #020704 !important;
}

body.mf-city-radar-page .mf-daily-home {
  display: grid !important;
  gap: 0 !important;
}

body.mf-city-radar-page .mf-daily-hero {
  min-height: 0 !important;
  padding: .55rem 0 .35rem !important;
  border-bottom: 1px solid rgba(255, 209, 59, .12) !important;
  overflow: hidden !important;
}

body.mf-city-radar-page .mf-daily-grid {
  min-height: 0 !important;
  grid-template-columns: minmax(0, .92fr) minmax(18rem, .68fr) !important;
  align-items: stretch !important;
  gap: .72rem !important;
}

body.mf-city-radar-page :where(.mf-home-hero-copy, .mf-home-hero-rail) {
  min-height: 0 !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 209, 59, .18) !important;
  background:
    linear-gradient(135deg, rgba(225, 58, 90, .12), transparent 36%),
    linear-gradient(145deg, rgba(5, 16, 10, .96), rgba(8, 25, 19, .82)) !important;
  box-shadow: 0 18px 52px rgba(0, 0, 0, .28) !important;
  overflow: hidden !important;
}

body.mf-city-radar-page .mf-home-hero-copy {
  padding: clamp(.8rem, 1.4vw, 1.15rem) !important;
}

body.mf-city-radar-page .mf-home-hero-copy::after,
body.mf-city-radar-page .mf-home-hero-rail::after {
  content: "" !important;
  display: block !important;
  height: 3px !important;
  width: 100% !important;
  background: linear-gradient(90deg, var(--mf-city-red), var(--mf-city-gold), var(--mf-city-lime), var(--mf-city-cyan)) !important;
}

body.mf-city-radar-page .mf-hero-title-streamlined {
  font-size: clamp(2rem, 4vw, 4.4rem) !important;
  line-height: .92 !important;
  max-width: 13ch !important;
  margin: .32rem 0 !important;
}

body.mf-city-radar-page .mf-home-hero-copy .stl-muted {
  max-width: 58ch !important;
  margin: 0 !important;
}

body.mf-city-radar-page :where(.mf-daily-actions, .mf-home-quicklinks) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .42rem !important;
  margin-top: .62rem !important;
}

body.mf-city-radar-page .mf-home-quicklinks a,
body.mf-city-radar-page .stl-btn {
  min-height: 2.1rem !important;
  padding: .48rem .72rem !important;
  border-radius: 10px !important;
}

body.mf-city-radar-page .mf-home-hero-rail {
  padding: .72rem !important;
  max-height: 17rem !important;
  overflow: auto !important;
}

body.mf-city-radar-page .mf-board-top {
  margin-bottom: .52rem !important;
}

body.mf-city-radar-page .mf-home-feed-list {
  display: grid !important;
  gap: .46rem !important;
}

body.mf-city-radar-page .mf-home-feed-list a {
  min-height: 0 !important;
  padding: .56rem !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .045) !important;
}

body.mf-city-radar-page .mf-home-worldcup-wrap {
  display: none !important;
}

body.mf-city-radar-page .mf-daily-ticker {
  margin-top: .42rem !important;
  min-height: 2.35rem !important;
}

body.mf-city-radar-page main#main-content > .stl-section {
  padding-block: .84rem !important;
  border-block: 1px solid rgba(255, 209, 59, .08) !important;
}

body.mf-city-radar-page .stl-section-header-row {
  align-items: end !important;
  gap: .75rem !important;
  margin-bottom: .62rem !important;
}

body.mf-city-radar-page .stl-subheading {
  font-size: clamp(1.35rem, 2.2vw, 2.2rem) !important;
  line-height: .96 !important;
  max-width: 14ch !important;
  margin: 0 !important;
}

body.mf-city-radar-page .mf-city-stage-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .72rem !important;
}

body.mf-city-radar-page .mf-city-stage-card {
  min-height: 0 !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 209, 59, .2) !important;
  background: var(--mf-stage-bg, linear-gradient(135deg, rgba(9, 26, 20, .98), rgba(3, 9, 6, .88))) !important;
  background-blend-mode: overlay !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 16px 42px rgba(0, 0, 0, .28) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.mf-city-radar-page .mf-city-stage-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(41, 214, 255, .58) !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, .34) !important;
}

body.mf-city-radar-page .mf-city-stage-card__body {
  display: grid !important;
  gap: .78rem !important;
  padding: clamp(1rem, 1.35vw, 1.35rem) !important;
}

body.mf-city-radar-page .mf-city-stage-card__top {
  display: flex !important;
  gap: .62rem !important;
  align-items: center !important;
}

body.mf-city-radar-page .mf-city-stage-logo,
body.mf-city-radar-page .mf-city-radar-team-logo {
  width: 3.35rem !important;
  height: 3.35rem !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  background: linear-gradient(135deg, rgba(255, 209, 59, .2), rgba(41, 214, 255, .12)) !important;
  overflow: hidden !important;
}

body.mf-city-radar-page :where(.mf-city-stage-logo, .mf-city-radar-team-logo) img {
  width: 86% !important;
  height: 86% !important;
  object-fit: contain !important;
}

body.mf-city-radar-page .mf-city-stage-meta,
body.mf-city-radar-page .mf-city-stage-statgrid,
body.mf-city-radar-page .mf-city-radar-card__detail {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .4rem !important;
}

body.mf-city-radar-page :where(.mf-city-stage-pill, .mf-city-stage-stat, .mf-city-radar-card__detail span) {
  min-height: 2.4rem !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  background: rgba(255, 255, 255, .045) !important;
  padding: .42rem .5rem !important;
}

body.mf-city-radar-page .mf-city-radar-tools {
  position: sticky !important;
  top: 3.25rem !important;
  z-index: 12 !important;
  padding-block: .46rem !important;
  background: rgba(3, 10, 6, .86) !important;
  backdrop-filter: blur(18px) !important;
}

body.mf-city-radar-page .mf-city-radar-toolbar {
  display: grid !important;
  grid-template-columns: minmax(12rem, 1fr) auto auto !important;
  gap: .55rem !important;
  align-items: center !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 209, 59, .18) !important;
  background: rgba(255, 255, 255, .04) !important;
  padding: .5rem !important;
}

body.mf-city-radar-page #mf-city-radar-search {
  width: 100% !important;
  min-height: 2.2rem !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  background: rgba(0, 0, 0, .32) !important;
  color: #fff !important;
  padding: .45rem .65rem !important;
}

body.mf-city-radar-page .mf-city-radar-filters {
  display: flex !important;
  gap: .35rem !important;
}

body.mf-city-radar-page .mf-city-radar-filters button {
  min-height: 2.15rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 209, 59, .24) !important;
  background: rgba(255, 255, 255, .05) !important;
  color: #f7f7f2 !important;
  padding: .44rem .68rem !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

body.mf-city-radar-page .mf-city-radar-filters button:is(.is-active, :hover, :focus-visible) {
  background: linear-gradient(135deg, var(--mf-city-gold), #fff076) !important;
  color: #101405 !important;
}

body.mf-city-radar-page [data-city-radar-section] .mf-home-spotlight-grid {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(15.5rem, 20rem) !important;
  grid-template-columns: none !important;
  gap: .72rem !important;
  overflow: auto hidden !important;
  padding: .08rem .05rem .35rem !important;
  scroll-snap-type: x proximity !important;
}

body.mf-city-radar-page .mf-city-radar-card,
body.mf-city-radar-page [data-static-real-card] {
  position: relative !important;
  min-height: 13.4rem !important;
  max-height: 15.8rem !important;
  overflow: hidden !important;
  scroll-snap-align: start !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 209, 59, .2) !important;
  background:
    linear-gradient(135deg, rgba(225, 58, 90, .09), transparent 32%),
    linear-gradient(160deg, rgba(10, 23, 18, .98), rgba(5, 12, 9, .9)) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.mf-city-radar-page .mf-city-radar-card:hover,
body.mf-city-radar-page [data-static-real-card]:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(41, 214, 255, .58) !important;
  box-shadow: 0 20px 44px rgba(0, 0, 0, .34) !important;
}

body.mf-city-radar-page .mf-city-radar-card__accent {
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 4px !important;
  background: linear-gradient(180deg, var(--mf-city-red), var(--mf-city-gold), var(--mf-city-lime), var(--mf-city-cyan)) !important;
}

body.mf-city-radar-page .mf-city-radar-card__head {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: .52rem !important;
  align-items: center !important;
}

body.mf-city-radar-page .mf-city-radar-matchup {
  display: flex !important;
  align-items: center !important;
  gap: .42rem !important;
  margin: .5rem 0 !important;
}

body.mf-city-radar-page .mf-city-radar-matchup__vs {
  color: var(--mf-city-gold) !important;
  font-weight: 900 !important;
  font-size: .7rem !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body.mf-city-radar-page .mf-home-spotlight-card__body {
  display: grid !important;
  gap: .44rem !important;
  padding: .76rem !important;
}

body.mf-city-radar-page .mf-home-spotlight-card h3 {
  font-size: clamp(.98rem, 1.15vw, 1.18rem) !important;
  line-height: 1.03 !important;
  margin: 0 !important;
}

body.mf-city-radar-page .mf-home-spotlight-card p {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  margin: 0 !important;
}

body.mf-city-radar-page .mf-home-spotlight-card__actions {
  margin-top: .2rem !important;
}

body.mf-city-radar-page .mf-city-stage-grid {
  grid-template-columns: repeat(2, minmax(20rem, 1fr)) !important;
}

body.mf-city-radar-page [data-city-radar-section] .mf-home-spotlight-grid {
  grid-auto-flow: initial !important;
  grid-auto-columns: initial !important;
  grid-template-columns: repeat(2, minmax(min(100%, 27rem), 1fr)) !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

body.mf-city-radar-page .mf-city-radar-card,
body.mf-city-radar-page [data-static-real-card] {
  max-height: none !important;
  min-height: 18rem !important;
}

body.mf-city-radar-page .mf-home-spotlight-card__body {
  gap: .62rem !important;
  padding: clamp(1rem, 1.35vw, 1.35rem) !important;
}

body.mf-city-radar-page .mf-home-spotlight-card h3 {
  font-size: clamp(1.08rem, 1.25vw, 1.34rem) !important;
  line-height: 1.08 !important;
}

body.mf-city-radar-page .mf-city-radar-source-note {
  color: rgba(247, 247, 242, .58) !important;
  font-size: .68rem !important;
  line-height: 1.2 !important;
}

body.mf-city-radar-page .mf-home-spotlight-card__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .35rem !important;
}

body.mf-city-radar-page #stl-radar-pro .stl-container {
  max-width: min(100% - 2rem, 74rem) !important;
}

body.mf-city-radar-page #stl-radar-pro .stl-section-header-row {
  align-items: center !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

body.mf-city-radar-page #stl-radar-pro .stl-subheading {
  max-width: 24ch !important;
}

body.mf-city-radar-page #stl-radar-pro [data-city-radar-native="pro"] {
  grid-template-columns: repeat(2, minmax(min(100%, 28rem), 1fr)) !important;
  gap: .9rem !important;
}

body.mf-city-radar-page #stl-radar-pro .mf-city-radar-card {
  min-height: 20rem !important;
}

body.mf-city-radar-page #stl-radar-pro .mf-city-radar-card__head {
  grid-template-columns: 4.4rem minmax(0, 1fr) !important;
  gap: .8rem !important;
}

body.mf-city-radar-page #stl-radar-pro .mf-city-radar-team-logo {
  width: 4.2rem !important;
  height: 4.2rem !important;
}

body.mf-city-radar-page #stl-radar-pro .mf-city-radar-matchup {
  gap: .6rem !important;
  margin: .65rem 0 !important;
}

body.mf-city-radar-page #stl-radar-pro .mf-city-radar-card__detail {
  grid-template-columns: repeat(3, minmax(8rem, 1fr)) !important;
  gap: .5rem !important;
}

body.mf-city-radar-page #stl-radar-pro .mf-city-radar-card__detail span {
  display: grid !important;
  align-content: center !important;
  min-width: 0 !important;
  overflow: hidden !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.mf-city-radar-page #stl-radar-pro .mf-city-radar-card__detail strong,
body.mf-city-radar-page #stl-radar-pro .mf-city-radar-card__detail small,
body.mf-city-radar-page #stl-radar-pro .mf-home-spotlight-card h3,
body.mf-city-radar-page #stl-radar-pro .mf-home-spotlight-card__actions .stl-btn {
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.mf-city-radar-page #stl-radar-pro .mf-home-spotlight-card p {
  -webkit-line-clamp: 4 !important;
}

body.mf-city-radar-page #stl-radar-pro .mf-home-spotlight-card__actions .stl-btn {
  justify-content: center !important;
  min-width: 7rem !important;
  white-space: nowrap !important;
}

body.mf-city-radar-page .mf-city-radar-card--news .mf-city-radar-team-logo img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}

body.mf-city-radar-page .mf-city-radar-empty {
  opacity: .78 !important;
}

body.mf-city-radar-page :is(#stl-radar-college, #stl-radar-high-school, #stl-radar-news) .stl-container {
  width: min(100% - 2rem, 88rem) !important;
  max-width: min(100% - 2rem, 88rem) !important;
}

body.mf-city-radar-page :is(#stl-radar-college, #stl-radar-high-school, #stl-radar-news) .stl-section-header-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}

body.mf-city-radar-page :is(#stl-radar-college, #stl-radar-high-school, #stl-radar-news) .stl-subheading {
  max-width: 34ch !important;
}

body.mf-city-radar-page :is(#stl-radar-college, #stl-radar-high-school, #stl-radar-news) .stl-section-header-row .stl-muted {
  max-width: 68ch !important;
}

body.mf-city-radar-page :is(#stl-radar-college, #stl-radar-high-school, #stl-radar-news) .mf-home-spotlight-grid {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-auto-columns: initial !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 23rem), 1fr)) !important;
  gap: .82rem !important;
  overflow: visible !important;
}

body.mf-city-radar-page :is(#stl-radar-college, #stl-radar-high-school, #stl-radar-news) .mf-city-radar-card,
body.mf-city-radar-page :is(#stl-radar-college, #stl-radar-high-school, #stl-radar-news) [data-static-real-card] {
  min-height: 0 !important;
}

body.mf-city-radar-page :is(#stl-radar-college, #stl-radar-high-school, #stl-radar-news) .mf-home-spotlight-card__body {
  min-height: 100% !important;
  align-content: start !important;
  gap: .54rem !important;
  padding: clamp(.9rem, 1vw, 1.1rem) !important;
}

body.mf-city-radar-page :is(#stl-radar-college, #stl-radar-high-school, #stl-radar-news) .mf-home-spotlight-card h3 {
  font-size: clamp(1rem, 1vw, 1.18rem) !important;
  line-height: 1.12 !important;
  max-width: none !important;
}

body.mf-city-radar-page :is(#stl-radar-college, #stl-radar-high-school, #stl-radar-news) .mf-home-spotlight-card p {
  -webkit-line-clamp: 4 !important;
  font-size: .88rem !important;
  line-height: 1.35 !important;
}

body.mf-city-radar-page :is(#stl-radar-college, #stl-radar-high-school, #stl-radar-news) .mf-city-radar-card__detail {
  grid-template-columns: repeat(3, minmax(6.75rem, 1fr)) !important;
}

body.mf-city-radar-page :is(#stl-radar-college, #stl-radar-high-school, #stl-radar-news) .mf-city-radar-card__detail span {
  align-content: center !important;
  min-width: 0 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.mf-city-radar-page :is(#stl-radar-college, #stl-radar-high-school, #stl-radar-news) .mf-home-spotlight-card__actions .stl-btn {
  white-space: nowrap !important;
}

body.mf-city-radar-page #stl-radar-high-school .stl-container {
  width: min(100% - 1.5rem, 90rem) !important;
  max-width: min(100% - 1.5rem, 90rem) !important;
}

body.mf-city-radar-page #stl-radar-high-school .mf-home-spotlight-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18.5rem), 1fr)) !important;
  gap: .74rem !important;
}

body.mf-city-radar-page #stl-radar-high-school .mf-home-spotlight-card__body {
  padding: .86rem !important;
}

body.mf-city-radar-page #stl-radar-high-school .mf-home-spotlight-card h3 {
  font-size: clamp(.98rem, .92vw, 1.12rem) !important;
  line-height: 1.1 !important;
}

body.mf-city-radar-page #stl-radar-high-school .mf-home-spotlight-card p {
  -webkit-line-clamp: 3 !important;
}

body.mf-city-radar-page #stl-radar-high-school .mf-city-radar-card__detail {
  grid-template-columns: repeat(auto-fit, minmax(7.25rem, 1fr)) !important;
}

@media (max-width: 1180px) {
  body.mf-city-radar-page .mf-city-stage-grid,
  body.mf-city-radar-page [data-city-radar-section] .mf-home-spotlight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 860px) {
  body.mf-city-radar-page .mf-daily-grid,
  body.mf-city-radar-page .mf-city-stage-grid,
  body.mf-city-radar-page .mf-city-radar-toolbar {
    grid-template-columns: 1fr !important;
  }

  body.mf-city-radar-page .mf-home-hero-rail {
    max-height: none !important;
  }

  body.mf-city-radar-page .mf-city-radar-tools {
    top: 3rem !important;
  }

  body.mf-city-radar-page [data-city-radar-section] .mf-home-spotlight-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-city-radar-page #stl-radar-pro [data-city-radar-native="pro"] {
    grid-template-columns: 1fr !important;
  }

  body.mf-city-radar-page #stl-radar-pro .mf-city-radar-card__detail {
    grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr)) !important;
  }

  body.mf-city-radar-page :is(#stl-radar-college, #stl-radar-high-school, #stl-radar-news) .stl-section-header-row {
    grid-template-columns: 1fr !important;
  }

  body.mf-city-radar-page :is(#stl-radar-college, #stl-radar-high-school, #stl-radar-news) .mf-home-spotlight-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-city-radar-page :is(#stl-radar-college, #stl-radar-high-school, #stl-radar-news) .mf-city-radar-card__detail {
    grid-template-columns: repeat(auto-fit, minmax(7.25rem, 1fr)) !important;
  }
}

/* Global compact footer pass. */
.site-footer {
  margin-top: 0 !important;
  padding: 0 !important;
  border-top: 1px solid rgba(255, 209, 59, .14) !important;
  background:
    linear-gradient(180deg, rgba(255, 209, 59, .035), rgba(255, 255, 255, 0)),
    rgba(3, 8, 5, .98) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.site-footer::before {
  height: 2px !important;
}

.site-footer .site-container,
.site-footer__inner,
.site-footer__bottom {
  width: min(100% - 1.2rem, var(--mf-desktop-max, 74rem)) !important;
  max-width: var(--mf-desktop-max, 74rem) !important;
  margin-inline: auto !important;
}

.site-footer__inner {
  display: grid !important;
  grid-template-columns: minmax(10rem, .85fr) minmax(14rem, 1.22fr) repeat(3, minmax(8rem, 1fr)) !important;
  gap: .48rem !important;
  align-items: start !important;
  padding-block: .46rem .34rem !important;
}

.site-footer__brand {
  gap: .34rem !important;
  min-width: 0 !important;
}

.site-footer .site-brand {
  gap: .42rem !important;
  min-height: 0 !important;
}

.site-footer .site-brand__logo {
  width: 2rem !important;
  height: 2rem !important;
}

.site-footer .site-brand__name {
  font-size: .95rem !important;
  line-height: 1 !important;
}

.site-footer .site-brand__tag {
  display: none !important;
}

.site-footer__copy {
  display: none !important;
}

.site-footer .site-socials {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .24rem !important;
  margin-top: .06rem !important;
}

.site-footer .site-socials a {
  width: 1.72rem !important;
  height: 1.72rem !important;
  min-height: 0 !important;
  border-radius: .45rem !important;
  padding: 0 !important;
}

.site-footer__nav {
  gap: .16rem !important;
  min-width: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.site-footer__nav h2,
.site-footer__nav h3 {
  font-size: .64rem !important;
  line-height: 1 !important;
  margin: 0 0 .1rem !important;
  letter-spacing: .12em !important;
}

.site-footer__nav ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .1rem .3rem !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.site-footer__nav li {
  margin: 0 !important;
  min-width: 0 !important;
  line-height: 1 !important;
}

.site-footer__nav a {
  min-height: 0 !important;
  padding: .02rem 0 !important;
  font-size: .62rem !important;
  line-height: 1.08 !important;
  color: rgba(235, 240, 244, .62) !important;
}

.site-footer__nav a:hover,
.site-footer__nav a:focus-visible {
  color: var(--brand-yellow, #f5c842) !important;
}

.site-footer__partner-link {
  grid-template-columns: 2rem minmax(0, 1fr) !important;
  gap: .32rem !important;
  align-items: center !important;
}

.site-footer__partner-logo {
  width: 2rem !important;
  max-width: 2rem !important;
  height: 1.18rem !important;
  padding: .12rem !important;
  border-radius: .34rem !important;
}

.site-footer__bottom {
  padding-block: .24rem .28rem !important;
  gap: .4rem !important;
  border-top: 1px solid rgba(255, 255, 255, .055) !important;
  font-size: .56rem !important;
  line-height: 1.1 !important;
}

.site-footer__bottom span:last-child {
  display: none !important;
  color: rgba(235, 240, 244, .48) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: min(62vw, 38rem) !important;
}

@media (max-width: 760px) {
  .site-footer__inner {
    grid-template-columns: minmax(0, 1fr) repeat(2, minmax(8rem, 1fr)) !important;
    gap: .55rem .7rem !important;
  }
}

@media (max-width: 560px) {
  .site-footer__inner {
    grid-template-columns: 1fr !important;
    padding-block: .55rem .38rem !important;
  }

  .site-footer__brand {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
  }

  .site-footer__copy {
    display: none !important;
  }

  .site-footer__nav ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .22rem .55rem !important;
  }

  .site-footer__bottom {
    justify-content: flex-start !important;
  }

  .site-footer__bottom span:last-child {
    display: none !important;
  }
}

/* Launch compact footer final cascade. */
.site-footer,
[data-site-footer] footer {
  margin-top: 0 !important;
  padding: .35rem 0 .18rem !important;
}

.site-footer__inner {
  padding: .38rem 0 .16rem !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(9rem, 1fr) repeat(4, minmax(6.5rem, .72fr)) !important;
  gap: .34rem .74rem !important;
  align-items: start !important;
}

.site-footer__copy,
.site-footer .site-brand__tag,
.site-footer .site-socials__label,
.site-footer .site-socials__handle,
.site-newsletter-shell--footer {
  display: none !important;
}

.site-footer__brand,
.site-footer__nav {
  gap: .18rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-footer .site-brand__logo {
  width: 1.55rem !important;
  height: 1.55rem !important;
}

.site-footer .site-brand__name {
  font-size: .78rem !important;
  line-height: 1 !important;
}

.site-footer .site-socials {
  margin-top: .16rem !important;
  gap: .18rem !important;
}

.site-footer .site-socials a {
  width: 1.34rem !important;
  height: 1.34rem !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.site-footer__nav h2,
.site-footer__nav h3 {
  margin: 0 0 .1rem !important;
  font-size: .54rem !important;
  line-height: 1 !important;
}

.site-footer__nav ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .06rem .3rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-footer__nav li {
  margin: 0 !important;
  line-height: 1 !important;
}

.site-footer__nav a {
  min-height: 0 !important;
  padding: 0 !important;
  font-size: .54rem !important;
  line-height: 1.04 !important;
}

.site-footer__partner-link {
  grid-template-columns: 1.55rem minmax(0, 1fr) !important;
  gap: .22rem !important;
}

.site-footer__partner-logo {
  width: 1.55rem !important;
  max-width: 1.55rem !important;
  max-height: .78rem !important;
  padding: .06rem !important;
}

.site-footer__bottom {
  padding: .14rem 0 0 !important;
  margin: .14rem 0 0 !important;
  gap: .28rem !important;
  font-size: .48rem !important;
  line-height: 1.02 !important;
}

@media (max-width: 760px) {
  .site-footer__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  .site-footer__inner {
    grid-template-columns: 1fr !important;
  }

  .site-footer__nav {
    display: none !important;
  }
}

/* Final compact score ribbon override */
body.mf-page-shell .mf-score-ribbon,
.mf-score-ribbon {
  align-items: center !important;
  min-height: 42px !important;
  padding: 0 !important;
  padding-block: 0 !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(245, 200, 66, 0.18), transparent 30%),
    linear-gradient(90deg, #040604 0%, #0b2712 34%, #091a31 70%, #030503 100%) !important;
}

.mf-score-ribbon__brand,
.mf-score-ribbon__rail,
.mf-score-ribbon__utility {
  min-height: 42px !important;
  height: 42px !important;
}

.mf-score-ribbon__brand {
  min-width: 116px !important;
  padding: 0 .62rem !important;
  font-size: .66rem !important;
}

.mf-score-ribbon__brand img {
  width: 23px !important;
  height: 23px !important;
}

.mf-score-ribbon__track {
  align-items: stretch !important;
  min-height: 42px !important;
}

.mf-score-ribbon__card {
  grid-template:
    "league date" auto
    "match match" auto / minmax(0, 1fr) auto !important;
  align-content: center !important;
  min-width: 174px !important;
  max-width: 216px !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: .18rem .5rem !important;
  gap: .08rem .36rem !important;
  background:
    linear-gradient(90deg, rgba(245, 200, 66, .08), transparent 42%),
    linear-gradient(180deg, rgba(23, 36, 25, .96), rgba(7, 12, 10, .98)) !important;
}

.mf-score-ribbon__card small {
  display: none !important;
}

.mf-score-ribbon__team img,
.mf-score-ribbon__mark {
  flex-basis: 22px !important;
  width: 22px !important;
  height: 22px !important;
}

.mf-score-ribbon__team b {
  max-width: 3.25rem !important;
  font-size: .68rem !important;
}

.mf-score-ribbon__league,
.mf-score-ribbon__date {
  font-size: .5rem !important;
  line-height: 1 !important;
}

.mf-score-ribbon__match em {
  font-size: .56rem !important;
}

.mf-score-ribbon__utility {
  min-width: 72px !important;
  padding-inline: .55rem !important;
  font-size: .56rem !important;
}

@media (prefers-reduced-motion: reduce) {
  .mf-score-ribbon__rail.is-marquee .mf-score-ribbon__track {
    animation: none !important;
  }
}

/* Launch layout rescue: remove cramped internal scroll windows across public pages. */
body.mf-page-shell main :where(
  section,
  article,
  aside,
  .stl-section,
  .mf-daily-board,
  .mf-home-hero-rail,
  .mf-home-hero-feed,
  .mf-afcon-dashboard,
  .mf-afcon-command,
  .mf-afcon-groups-console,
  .mf-afcon-archive-console,
  .mf-diaspora-source-shell,
  .mf-diaspora-source-main,
  .mf-diaspora-official-grid,
  .mf-tracker-link-console,
  .mf-tracker-link-grid,
  .mf-tracker-player-media,
  .mf-tracker-player-media__grid,
  .mc-panel,
  .mc-board,
  .mc-board-grid,
  .mc-last-card,
  .mc-last-grid,
  .mc-stl-feed-grid,
  .mf-command-center,
  .mf-command-grid,
  .mf-command-scroll,
  .mf-caf-board,
  .mf-caf-grid,
  .mf-home-spotlight-grid,
  .mf-creator-board,
  .mf-creator-grid,
  .mf-hub-grid,
  .mf-card-grid,
  .mf-feed-grid,
  .mf-list-grid
) {
  max-height: none !important;
  overflow: visible !important;
  overscroll-behavior: auto !important;
}

body.mf-page-shell main :where(.stl-section, section:not(.mf-score-ribbon)) {
  min-height: 0 !important;
  padding-block: clamp(1rem, 2vw, 2rem) !important;
}

body.mf-page-shell main :where(
  .mf-daily-hero,
  .mf-kit-hero,
  .mf-diaspora-hero,
  .mf-caf-hero,
  .mf-afcon-hero,
  .mf-hero,
  .mf-hero--compact
) {
  min-height: auto !important;
  padding-block: clamp(1.25rem, 2.6vw, 2.8rem) !important;
}

body.mf-page-shell main :where(
  .stl-container,
  .site-container,
  .mf-daily-grid,
  .mf-home-hero-grid,
  .mf-afcon-dashboard-section > .stl-container,
  .mc-shell
) {
  max-width: min(100% - 2rem, 1240px) !important;
}

body.mf-page-shell main :where(
  .stl-section-header-row,
  .mf-section-head,
  .mc-section-head,
  .mf-board-top
) {
  margin-bottom: .65rem !important;
  gap: .65rem !important;
}

body.mf-page-shell main :where(
  .stl-heading,
  .stl-subheading,
  .mf-hero-title-streamlined,
  h1,
  h2
) {
  text-wrap: balance;
}

body.mf-page-shell main :where(
  .mf-home-spotlight-card,
  .mf-home-route-card,
  .mf-afcon-route-card,
  .mf-logo-chip,
  .mc-card,
  .mc-match-card,
  .mc-last-card,
  .mf-diaspora-card,
  .mf-tracker-media-card,
  .mf-creator-card
) {
  min-height: 0 !important;
}

/* Keep intentional horizontal interfaces horizontal, but stop vertical scroll traps. */
body.mf-page-shell :where(
  .mf-score-ribbon__rail,
  .mf-table-scroll,
  .mf-tabs,
  .mf-chip-row,
  .mf-filter-row,
  .mf-diaspora-filterbar,
  .mc-date-strip,
  .mc-filter-row,
  .mf-scroll-row,
  .mf-carousel,
  [data-horizontal-scroll]
) {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}

body.mf-page-shell :where(.site-drawer, .site-nav__dropdown, .site-nav__menu, [role="menu"]) {
  overflow-y: auto !important;
}

body.mf-page-shell main :where([style*="overflow:auto"], [style*="overflow: auto"], [style*="overflow-y:auto"], [style*="overflow-y: auto"]) {
  max-height: none !important;
  overflow: visible !important;
}

/* Final launch guardrail: no major content should be trapped in tall scroll boxes. */
body.mf-page-shell main #mf-fixtures-preview.mf-home-command-card,
body.mf-page-shell main .mf-home-command-card,
body.mf-page-shell main .mc-stl-feed-list,
body.mf-page-shell main .mc-expansion-items,
body.mf-page-shell main .mc-last-grid,
body.mf-page-shell main .mc-board-grid,
body.mf-page-shell main .mf-caf-hero__copy,
body.mf-page-shell main .mf-caf-hero__board,
body.mf-page-shell main .mf-command-center--africa,
body.mf-page-shell main .mf-command-center--africa .mf-command-shell,
body.mf-page-shell main .mf-command-center--africa .mf-command-grid,
body.mf-page-shell main .mf-command-center--africa .mf-command-scroll,
body.mf-page-shell main .mf-caf-competition-card,
body.mf-page-shell main .mf-caf-overview,
body.mf-page-shell main .mf-caf-news-grid,
body.mf-page-shell main #caf-current,
body.mf-page-shell main #caf-men,
body.mf-page-shell main #caf-women,
body.mf-page-shell main #caf-youth,
body.mf-page-shell main #caf-clubs,
body.mf-page-shell main #caf-pathways,
body.mf-page-shell main .mf-diaspora-source-shell,
body.mf-page-shell main .mf-diaspora-source-main,
body.mf-page-shell main .mf-diaspora-official-grid {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overscroll-behavior: auto !important;
}

body.mf-page-shell main .mc-stl-feed-grid,
body.mf-page-shell main .mc-last-grid {
  align-items: start !important;
}

body.mf-page-shell main .mc-stl-feed-list,
body.mf-page-shell main .mc-expansion-items {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: .58rem !important;
}

body.mf-page-shell main .mf-caf-competition-grid,
body.mf-page-shell main .mf-caf-news-grid,
body.mf-page-shell main .mf-diaspora-official-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  align-items: stretch !important;
  gap: .65rem !important;
}

body.mf-page-shell main .mf-caf-competition-card,
body.mf-page-shell main .mf-diaspora-card {
  padding: .78rem !important;
}

body.mf-page-shell main .mf-caf-pathway-card,
body.mf-page-shell main .mf-caf-zone-card,
body.mf-page-shell main .mf-caf-table-wrap,
body.mf-page-shell main .mf-caf-table,
body.mf-page-shell main #caf-zones,
body.mf-page-shell main #caf-history,
body.mf-page-shell main #caf-latest {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

body.mf-page-shell main .mf-caf-pathway-card,
body.mf-page-shell main .mf-caf-zone-card {
  padding: .78rem !important;
}

body.mf-page-shell main .mf-caf-table-wrap {
  display: block !important;
}

body.mf-system-home main #mf-fixtures-preview .mf-fix-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .34rem !important;
  max-height: none !important;
  overflow: visible !important;
}

body.mf-system-home main #mf-fixtures-preview .mf-stl-event-row {
  min-height: 0 !important;
  padding: .38rem .44rem !important;
  gap: .42rem !important;
  align-items: center !important;
  grid-template-columns: auto auto minmax(0, 1fr) !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease !important;
}

body.mf-system-home main #mf-fixtures-preview .mf-stl-event-row:hover,
body.mf-system-home main #mf-fixtures-preview .mf-stl-event-row:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(255, 210, 65, .78) !important;
  background: linear-gradient(135deg, rgba(255, 210, 65, .1), rgba(0, 168, 89, .1), rgba(0, 98, 255, .09)) !important;
}

body.mf-system-home main #mf-fixtures-preview .mf-fix-date {
  width: 2.18rem !important;
  min-width: 2.18rem !important;
  padding: .18rem !important;
}

body.mf-system-home main #mf-fixtures-preview .mf-fix-mon {
  font-size: .48rem !important;
}

body.mf-system-home main #mf-fixtures-preview .mf-fix-day {
  font-size: 1.03rem !important;
}

body.mf-system-home main #mf-fixtures-preview .mf-fix-visual {
  width: 2.05rem !important;
  height: 2.05rem !important;
  border: 1px solid rgba(255, 210, 65, .24) !important;
  border-radius: .48rem !important;
  display: grid !important;
  grid-auto-flow: column !important;
  place-items: center !important;
  gap: .08rem !important;
  padding: .18rem !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, .08) !important;
}

body.mf-system-home main #mf-fixtures-preview .mf-fix-visual img {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  object-fit: contain !important;
  border-radius: .32rem !important;
  background: rgba(255, 255, 255, .82) !important;
}

body.mf-system-home main #mf-fixtures-preview .mf-fix-visual img + img {
  margin-left: -.5rem !important;
  box-shadow: -4px 0 0 rgba(0, 18, 12, .8) !important;
}

body.mf-system-home main #mf-fixtures-preview .mf-fix-visual--mark {
  color: var(--mf-gold, #ffd23f) !important;
  font-size: .55rem !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
}

body.mf-system-home main #mf-fixtures-preview .mf-fix-body {
  min-width: 0 !important;
}

body.mf-system-home main #mf-fixtures-preview .mf-fix-league,
body.mf-system-home main #mf-fixtures-preview .mf-fix-meta,
body.mf-system-home main #mf-fixtures-preview small {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: .54rem !important;
  line-height: 1.12 !important;
}

body.mf-system-home main #mf-fixtures-preview small {
  display: none !important;
}

body.mf-system-home main #mf-fixtures-preview .mf-fix-match {
  line-height: 1.03 !important;
  font-size: .72rem !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body.mf-system-home main #mf-fixtures-preview .mf-fix-tail {
  display: none !important;
}

@media (max-width: 680px) {
  body.mf-system-home main #mf-fixtures-preview .mf-fix-list {
    grid-template-columns: 1fr !important;
  }
}

/* Homepage latest video should occupy the full rail, not sit inside a half-width well. */
body.mf-system-home main .mf-home-youtube-player {
  width: 100% !important;
  max-width: none !important;
  justify-items: stretch !important;
}

body.mf-system-home main .mf-home-youtube-player__stage {
  width: 100% !important;
  inline-size: 100% !important;
  max-width: none !important;
  justify-self: stretch !important;
  aspect-ratio: 16 / 9 !important;
  max-height: none !important;
}

body.mf-system-home main .mf-home-youtube-player__stage iframe,
body.mf-system-home main .mf-home-youtube-player__stage img,
body.mf-system-home main .mf-home-youtube-player__stage a {
  width: 100% !important;
  inline-size: 100% !important;
  height: 100% !important;
}

/* STL hub launch pass: match homepage density and remove the empty hero air. */
body.stl-soccer-hub-page .mf-daily-hero {
  min-height: 0 !important;
  padding: clamp(.75rem, 1.4vw, 1.05rem) 0 !important;
}

body.stl-soccer-hub-page .mf-daily-hero .mf-daily-grid {
  width: min(100% - 1rem, 73rem) !important;
  max-width: 73rem !important;
  min-height: 0 !important;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, .74fr) !important;
  align-items: center !important;
  gap: .72rem !important;
}

body.stl-soccer-hub-page .mf-daily-lead {
  min-height: 0 !important;
  padding: clamp(.82rem, 1.55vw, 1.18rem) !important;
  gap: .5rem !important;
  border-radius: .95rem !important;
}

body.stl-soccer-hub-page .mf-daily-kicker {
  margin: 0 0 .18rem !important;
}

body.stl-soccer-hub-page .mf-daily-lead h1 {
  max-width: 32rem !important;
  margin: 0 !important;
  font-size: clamp(2rem, 4.2vw, 3.05rem) !important;
  line-height: .92 !important;
}

body.stl-soccer-hub-page .mf-daily-lead p {
  max-width: 39rem !important;
  margin: .18rem 0 0 !important;
  font-size: clamp(.82rem, 1.05vw, .98rem) !important;
  line-height: 1.34 !important;
}

body.stl-soccer-hub-page .mf-daily-actions,
body.stl-soccer-hub-page .mf-home-quicklinks {
  gap: .38rem !important;
  margin-top: .32rem !important;
}

body.stl-soccer-hub-page .mf-daily-actions .stl-btn,
body.stl-soccer-hub-page .mf-home-quicklinks a {
  min-height: 2rem !important;
  padding: .42rem .7rem !important;
  font-size: .66rem !important;
}

body.stl-soccer-hub-page .mf-hub-proof-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .45rem !important;
  margin-top: .45rem !important;
}

body.stl-soccer-hub-page .mf-hub-proof-card {
  min-height: 0 !important;
  padding: .5rem .56rem !important;
  border-radius: .55rem !important;
}

body.stl-soccer-hub-page .mf-hub-proof-card span {
  font-size: .55rem !important;
}

body.stl-soccer-hub-page .mf-hub-proof-card strong {
  font-size: .73rem !important;
  line-height: 1.08 !important;
}

body.stl-soccer-hub-page .mf-home-hero-feed {
  min-height: 0 !important;
  padding: .62rem !important;
  border-radius: .88rem !important;
}

body.stl-soccer-hub-page .mf-home-feed-list {
  gap: .42rem !important;
}

body.stl-soccer-hub-page .mf-home-live-item {
  min-height: 0 !important;
  grid-template-columns: 3.1rem minmax(0, 1fr) !important;
  padding: .48rem !important;
  gap: .52rem !important;
}

body.stl-soccer-hub-page .mf-home-live-item img {
  width: 3.1rem !important;
  height: 3.1rem !important;
}

body.stl-soccer-hub-page .mf-home-live-item strong {
  line-height: 1.08 !important;
}

body.stl-soccer-hub-page .mf-home-live-item small {
  -webkit-line-clamp: 1 !important;
  overflow: hidden !important;
}

body.stl-soccer-hub-page .mf-home-worldcup-wrap {
  display: none !important;
}

@media (max-width: 760px) {
  body.stl-soccer-hub-page .mf-daily-hero .mf-daily-grid,
  body.stl-soccer-hub-page .mf-hub-proof-row {
    grid-template-columns: 1fr !important;
  }

  body.stl-soccer-hub-page .mf-home-hero-feed {
    display: none !important;
  }
}

body.stl-soccer-hub-page main#main-content > #stl-news-feed {
  min-height: 0 !important;
  height: auto !important;
  padding-block: .85rem !important;
  overflow: hidden !important;
}

body.stl-soccer-hub-page #stl-news-feed > .stl-container {
  min-height: 0 !important;
  height: auto !important;
  display: grid !important;
  gap: .52rem !important;
}

body.stl-soccer-hub-page #stl-news-feed .stl-section-header-row {
  margin: 0 !important;
  min-height: 0 !important;
}

body.stl-soccer-hub-page #stl-news-feed .stl-news-feed-rail {
  min-height: 0 !important;
}

body.stl-soccer-hub-page #stl-news-feed .stl-news-feed-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .48rem !important;
}

body.stl-soccer-hub-page #stl-news-feed .stl-news-card {
  min-height: 5.8rem !important;
  padding: .42rem .48rem !important;
  grid-template-columns: 6.7rem minmax(0, 1fr) auto !important;
}

body.stl-soccer-hub-page #stl-news-feed .stl-news-card img {
  width: 6.7rem !important;
  height: 4.55rem !important;
}

body.stl-soccer-hub-page #stl-news-feed .stl-news-card strong {
  font-size: .82rem !important;
}

body.stl-soccer-hub-page #stl-news-feed .stl-news-card p {
  -webkit-line-clamp: 1 !important;
}

@media (max-width: 760px) {
  body.stl-soccer-hub-page #stl-news-feed .stl-news-feed-grid {
    grid-template-columns: 1fr !important;
  }
}

body.mf-stl-directory-page .mf-breadcrumb {
  display: none !important;
}

body.mf-stl-directory-page .mf-directory-hero {
  min-height: 0 !important;
  height: auto !important;
  padding: .82rem 0 .72rem !important;
  border-block: 1px solid rgba(245, 200, 66, .18) !important;
  background-image:
    linear-gradient(90deg, rgba(5, 10, 8, .94), rgba(5, 10, 8, .72)),
    url("../img/stl-hero/energizer-park-stl.jpg") !important;
  background-size: auto, cover !important;
  background-position: center !important;
}

body.mf-stl-directory-page .mf-directory-hero > .stl-container {
  width: min(100% - 1rem, 1160px) !important;
  max-width: 1160px !important;
}

body.mf-stl-directory-page .mf-directory-hero .stl-city-layout {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, .72fr) !important;
  gap: .7rem !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  text-align: left !important;
}

body.mf-stl-directory-page .mf-directory-hero .stl-city-info,
body.mf-stl-directory-page .mf-directory-hero .mf-hero-side {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: .82rem .92rem !important;
  border: 1px solid rgba(245, 200, 66, .16) !important;
  border-radius: .82rem !important;
  background: linear-gradient(135deg, rgba(4, 10, 7, .9), rgba(7, 28, 24, .72)) !important;
  box-shadow: 0 18px 38px -32px rgba(0, 0, 0, .8) !important;
  text-align: left !important;
  justify-content: start !important;
  justify-items: start !important;
  align-content: center !important;
  gap: .45rem !important;
}

body.mf-stl-directory-page .mf-directory-hero .mf-hero-side {
  display: grid !important;
}

body.mf-stl-directory-page .mf-directory-brand-card,
body.mf-stl-directory-page .mf-directory-hero .stl-city-info [data-breadcrumbs] {
  display: none !important;
}

body.mf-stl-directory-page .mf-directory-hero .stl-heading {
  max-width: 21ch !important;
  margin: .12rem 0 .18rem !important;
  font-size: clamp(1.55rem, 2.7vw, 2.35rem) !important;
  line-height: .98 !important;
}

body.mf-stl-directory-page .mf-directory-hero .stl-muted {
  max-width: 58ch !important;
  margin: 0 !important;
  font-size: .86rem !important;
  line-height: 1.35 !important;
}

body.mf-stl-directory-page .mf-directory-hero .hero-ctas {
  margin: .35rem 0 0 !important;
  gap: .4rem !important;
  justify-content: start !important;
}

body.mf-stl-directory-page .mf-directory-hero .hero-ctas .stl-btn {
  min-height: 2.25rem !important;
  padding: .55rem .78rem !important;
  border-radius: .55rem !important;
  font-size: .72rem !important;
}

body.mf-stl-directory-page .mf-directory-hero-notes {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .34rem !important;
  margin-top: .28rem !important;
  justify-content: start !important;
}

body.mf-stl-directory-page .mf-directory-hero-notes :is(a, span) {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 1.55rem !important;
  padding: .22rem .52rem !important;
  border: 1px solid rgba(245, 200, 66, .18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .045) !important;
  color: var(--text) !important;
  font: 700 .58rem/1 var(--f-mono) !important;
  letter-spacing: .08em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.mf-stl-directory-page .mf-directory-hero .mf-hero-side__eyebrow {
  margin: 0 !important;
  color: var(--brand-yellow) !important;
  font-size: .55rem !important;
}

body.mf-stl-directory-page .mf-directory-hero .mf-hero-side__title {
  margin: 0 !important;
  font-size: clamp(.96rem, 1.65vw, 1.18rem) !important;
  line-height: 1.08 !important;
}

body.mf-stl-directory-page .mf-directory-hero .mf-hero-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .42rem !important;
}

body.mf-stl-directory-page .mf-directory-hero .mf-hero-list button {
  appearance: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .55rem !important;
  min-height: 2.7rem !important;
  padding: .48rem .56rem !important;
  border: 1px solid rgba(245, 200, 66, .16) !important;
  border-radius: .62rem !important;
  background: rgba(255, 255, 255, .045) !important;
  color: var(--text) !important;
  cursor: pointer !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease !important;
}

body.mf-stl-directory-page .mf-directory-hero .mf-hero-list button:hover,
body.mf-stl-directory-page .mf-directory-hero .mf-hero-list button:focus-visible {
  transform: translateY(-2px) !important;
  border-color: rgba(245, 200, 66, .34) !important;
  background: rgba(245, 200, 66, .1) !important;
}

body.mf-stl-directory-page .mf-directory-hero .mf-hero-list button span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font: 800 .62rem/1 var(--f-mono) !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}

body.mf-stl-directory-page .mf-directory-hero .mf-hero-list button strong {
  display: grid !important;
  place-items: center !important;
  min-width: 1.55rem !important;
  height: 1.55rem !important;
  border-radius: 999px !important;
  background: var(--brand-yellow) !important;
  color: #071009 !important;
  font: 900 .72rem/1 var(--f-heading) !important;
}

body.mf-stl-directory-page #stl-directory {
  padding-top: 1rem !important;
}

body.mf-stl-directory-page #stl-directory .stl-section-header-row {
  margin-bottom: .7rem !important;
}

@media (max-width: 820px) {
  body.mf-stl-directory-page .mf-directory-hero {
    padding: .65rem 0 !important;
  }

  body.mf-stl-directory-page .mf-directory-hero .stl-city-layout {
    grid-template-columns: 1fr !important;
  }

  body.mf-stl-directory-page .mf-directory-hero .mf-hero-side {
    display: none !important;
  }
}

body.mf-stl-directory-page #stl-directory {
  padding: .72rem 0 .95rem !important;
}

body.mf-stl-directory-page #stl-directory .stl-container {
  width: min(100% - 1rem, 1210px) !important;
  max-width: 1210px !important;
}

body.mf-stl-directory-page #stl-directory .stl-section-header-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: .65rem !important;
  margin-bottom: .48rem !important;
}

body.mf-stl-directory-page #stl-directory .stl-subheading {
  max-width: 18ch !important;
  margin: .08rem 0 .18rem !important;
  font-size: clamp(1.28rem, 2.35vw, 2rem) !important;
  line-height: .98 !important;
}

body.mf-stl-directory-page #stl-directory .stl-muted {
  margin: 0 !important;
  font-size: .78rem !important;
  line-height: 1.32 !important;
}

body.mf-stl-directory-page #stl-directory-app .stl-directory-app {
  display: grid !important;
  gap: .5rem !important;
  padding: .55rem !important;
  border: 1px solid rgba(245, 200, 66, .14) !important;
  border-radius: .85rem !important;
  background:
    radial-gradient(circle at 12% 0, rgba(245, 200, 66, .12), transparent 18rem),
    radial-gradient(circle at 92% 10%, rgba(0, 156, 87, .12), transparent 18rem),
    rgba(4, 16, 13, .88) !important;
}

body.mf-stl-directory-page .stl-directory-toolbar {
  display: grid !important;
  grid-template-columns: minmax(16rem, .78fr) minmax(0, 1.22fr) !important;
  gap: .6rem !important;
  align-items: end !important;
  padding: .62rem !important;
  border-radius: .72rem !important;
  background: linear-gradient(135deg, rgba(7, 40, 36, .76), rgba(8, 17, 14, .9)) !important;
}

body.mf-stl-directory-page .stl-directory-toolbar__intro {
  display: grid !important;
  gap: .22rem !important;
  padding: 0 !important;
}

body.mf-stl-directory-page .stl-directory-toolbar__intro h3 {
  max-width: 28ch !important;
  margin: 0 !important;
  font-size: clamp(1rem, 1.55vw, 1.32rem) !important;
  line-height: 1.05 !important;
}

body.mf-stl-directory-page .stl-directory-toolbar__intro p {
  display: none !important;
}

body.mf-stl-directory-page .stl-directory-controls {
  display: grid !important;
  grid-template-columns: minmax(13rem, 1.35fr) minmax(9rem, .82fr) minmax(9rem, .82fr) !important;
  gap: .48rem !important;
}

body.mf-stl-directory-page .stl-directory-field {
  display: grid !important;
  gap: .24rem !important;
  min-width: 0 !important;
}

body.mf-stl-directory-page .stl-directory-field span {
  font-size: .54rem !important;
  letter-spacing: .1em !important;
}

body.mf-stl-directory-page .stl-directory-field :is(input, select) {
  min-height: 2.25rem !important;
  padding: .54rem .68rem !important;
  border-radius: .52rem !important;
  font-size: .72rem !important;
}

body.mf-stl-directory-page .stl-directory-lanes {
  position: sticky !important;
  top: calc(var(--mf-ux-nav-height, 50px) + .2rem) !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: .34rem !important;
  overflow-x: auto !important;
  padding: .36rem !important;
  border-radius: .72rem !important;
  scrollbar-width: thin !important;
}

body.mf-stl-directory-page .stl-directory-lanes button,
body.mf-stl-directory-page .stl-directory-tabs button,
body.mf-stl-directory-page .stl-camp-week-tabs button,
body.mf-stl-directory-page .stl-camp-view-toggle button,
body.mf-stl-directory-page .stl-camp-filters button {
  min-height: 2.05rem !important;
  padding: .42rem .58rem !important;
  border-radius: 999px !important;
  font-size: .58rem !important;
  white-space: nowrap !important;
}

body.mf-stl-directory-page .stl-directory-lanes b {
  min-width: 1.28rem !important;
  min-height: 1.28rem !important;
  font-size: .58rem !important;
}

body.mf-stl-directory-page .stl-directory-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .4rem !important;
}

body.mf-stl-directory-page .stl-directory-stats article {
  min-height: 3.1rem !important;
  padding: .52rem .62rem !important;
  border-radius: .58rem !important;
  background: rgba(255, 255, 255, .04) !important;
}

body.mf-stl-directory-page .stl-directory-stats strong {
  font-size: 1.22rem !important;
}

body.mf-stl-directory-page .stl-directory-stats span {
  font-size: .66rem !important;
}

body.mf-stl-directory-page .stl-camps-module {
  gap: .55rem !important;
  padding: .72rem !important;
  border-radius: .82rem !important;
}

body.mf-stl-directory-page .stl-camps-module__head {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: .6rem !important;
  align-items: center !important;
}

body.mf-stl-directory-page .stl-camps-module__head h2 {
  max-width: 30ch !important;
  margin: .06rem 0 .14rem !important;
  font-size: clamp(1.02rem, 1.85vw, 1.55rem) !important;
  line-height: 1.02 !important;
}

body.mf-stl-directory-page .stl-camps-module__head p {
  font-size: .78rem !important;
  line-height: 1.28 !important;
}

body.mf-stl-directory-page .stl-camp-control-row {
  gap: .34rem !important;
  padding: .34rem !important;
  border-radius: .65rem !important;
}

body.mf-stl-directory-page .stl-camp-filters,
body.mf-stl-directory-page .stl-directory-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: .34rem !important;
  overflow-x: auto !important;
  padding-bottom: .08rem !important;
}

body.mf-stl-directory-page .stl-camps-module__meta {
  display: none !important;
}

body.mf-stl-directory-page .stl-camp-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .48rem !important;
}

body.mf-stl-directory-page .stl-camp-card {
  gap: .42rem !important;
  padding: .58rem !important;
  border-radius: .72rem !important;
}

body.mf-stl-directory-page .stl-camp-card__top,
body.mf-stl-directory-page .stl-directory-card-top {
  grid-template-columns: 2.55rem minmax(0, 1fr) !important;
  gap: .5rem !important;
}

body.mf-stl-directory-page .stl-camp-card--no-logo .stl-camp-card__top,
body.mf-stl-directory-page .stl-directory-card--no-logo .stl-directory-card-top {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.mf-stl-directory-page .stl-camp-card h3,
body.mf-stl-directory-page .stl-directory-card h3 {
  margin: 0 !important;
  font-size: .82rem !important;
  line-height: 1.1 !important;
}

body.mf-stl-directory-page .stl-camp-card p,
body.mf-stl-directory-page .stl-directory-card p {
  font-size: .68rem !important;
  line-height: 1.3 !important;
}

body.mf-stl-directory-page .stl-camp-card__date,
body.mf-stl-directory-page .stl-camp-card__details,
body.mf-stl-directory-page .stl-camp-card__signal,
body.mf-stl-directory-page .stl-directory-card__signal,
body.mf-stl-directory-page .stl-directory-meta {
  gap: .24rem !important;
}

body.mf-stl-directory-page .stl-camp-card__details {
  display: none !important;
}

body.mf-stl-directory-page .stl-directory-results-bar {
  display: flex !important;
  align-items: center !important;
  gap: .42rem !important;
  max-width: max-content !important;
  min-height: 2rem !important;
  padding: .34rem .55rem !important;
  border-radius: 999px !important;
  background: rgba(245, 200, 66, .08) !important;
}

body.mf-stl-directory-page .stl-directory-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .48rem !important;
}

body.mf-stl-directory-page .stl-directory-card {
  gap: .42rem !important;
  padding: .58rem !important;
  border-radius: .72rem !important;
}

body.mf-stl-directory-page .stl-directory-logo {
  width: 2.55rem !important;
  height: 2.55rem !important;
  border-radius: .6rem !important;
}

body.mf-stl-directory-page .stl-directory-logo img {
  padding: .24rem !important;
}

body.mf-stl-directory-page .stl-directory-card .mf-front-actions,
body.mf-stl-directory-page .stl-camp-card .mf-front-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .3rem !important;
}

body.mf-stl-directory-page .stl-directory-card .stl-btn,
body.mf-stl-directory-page .stl-camp-card .stl-btn {
  min-height: 1.9rem !important;
  padding: .38rem .46rem !important;
  font-size: .58rem !important;
}

body.mf-stl-directory-page .stl-directory-submit {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: .6rem !important;
  padding: .68rem !important;
  border-radius: .75rem !important;
}

body.mf-stl-directory-page .stl-directory-submit h2 {
  margin: .05rem 0 .12rem !important;
  font-size: 1rem !important;
  line-height: 1.1 !important;
}

body.mf-stl-directory-page .stl-directory-submit p {
  margin: 0 !important;
  font-size: .74rem !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid.stl-directory-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .56rem !important;
  align-items: stretch !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card {
  --stl-directory-lane: #7cf29b;
  --stl-directory-bg: url("../brand-v2/backgrounds/mf-background-16x9.png");
  position: relative !important;
  isolation: isolate !important;
  min-height: 14.2rem !important;
  overflow: hidden !important;
  gap: .42rem !important;
  padding: .62rem !important;
  border: 1px solid color-mix(in srgb, var(--stl-directory-lane) 38%, rgba(255, 255, 255, .12)) !important;
  border-radius: .72rem !important;
  background:
    linear-gradient(145deg, rgba(4, 15, 18, .91), rgba(3, 8, 12, .86)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    inset 4px 0 0 color-mix(in srgb, var(--stl-directory-lane) 70%, transparent),
    0 14px 28px rgba(0, 0, 0, .22) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  opacity: .24 !important;
  background:
    linear-gradient(180deg, rgba(2, 8, 10, .08), rgba(2, 8, 10, .92)),
    radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--stl-directory-lane) 30%, transparent), transparent 11rem),
    var(--stl-directory-bg) right -1rem top .6rem / 46% auto no-repeat !important;
  transform: scale(1.02) !important;
  transition: opacity .2s ease, transform .2s ease !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card::after {
  content: attr(data-lane);
  position: absolute;
  top: .54rem;
  right: .56rem;
  z-index: 1;
  max-width: 7.5rem;
  padding: .3rem .45rem;
  border: 1px solid color-mix(in srgb, var(--stl-directory-lane) 48%, rgba(255, 255, 255, .14));
  border-radius: 999px;
  background: rgba(1, 8, 10, .68);
  color: color-mix(in srgb, var(--stl-directory-lane) 86%, white);
  font: 900 .52rem/1 var(--f-mono, monospace);
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card:hover,
body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card:focus-within,
body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card.is-expanded {
  transform: translateY(-3px) !important;
  border-color: var(--stl-directory-lane) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .12),
    inset 4px 0 0 var(--stl-directory-lane),
    0 20px 42px color-mix(in srgb, var(--stl-directory-lane) 20%, rgba(0, 0, 0, .36)) !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card:hover::before,
body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card:focus-within::before,
body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card.is-expanded::before {
  opacity: .43 !important;
  transform: scale(1.08) !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card.is-saved {
  border-color: color-mix(in srgb, var(--stl-directory-lane) 72%, #f5c842) !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card-top {
  position: relative !important;
  z-index: 1 !important;
  grid-template-columns: 2.65rem minmax(0, 1fr) !important;
  gap: .5rem !important;
  padding-right: 4.6rem !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card--no-logo .stl-directory-card-top {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-logo {
  width: 2.65rem !important;
  height: 2.65rem !important;
  border-radius: .66rem !important;
  border: 1px solid color-mix(in srgb, var(--stl-directory-lane) 44%, rgba(255, 255, 255, .16)) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .78)) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, .22) !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: .22rem !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-eyebrow {
  color: var(--stl-directory-lane) !important;
  font-size: .54rem !important;
  line-height: 1.1 !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card h3 {
  max-width: 100% !important;
  margin: .05rem 0 !important;
  font-size: clamp(.88rem, .95vw, 1.04rem) !important;
  line-height: 1.06 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-source {
  max-width: 100% !important;
  color: rgba(240, 244, 240, .72) !important;
  font-size: .58rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card__signal,
body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .28rem !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card__signal span,
body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-meta span {
  min-width: 0 !important;
  min-height: 1.42rem !important;
  padding: .25rem .45rem !important;
  border: 1px solid color-mix(in srgb, var(--stl-directory-lane) 32%, rgba(255, 255, 255, .12)) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .06) !important;
  color: rgba(246, 248, 244, .82) !important;
  font-size: .56rem !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card p {
  min-height: 2.34em !important;
  margin: 0 !important;
  color: rgba(246, 248, 244, .78) !important;
  font-size: .72rem !important;
  line-height: 1.3 !important;
  -webkit-line-clamp: 2 !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .mf-front-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .3rem !important;
  margin-top: auto !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card .stl-btn {
  min-width: 0 !important;
  min-height: 1.86rem !important;
  padding: .38rem .38rem !important;
  border-color: color-mix(in srgb, var(--stl-directory-lane) 38%, rgba(255, 255, 255, .16)) !important;
  font-size: .55rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-save.is-saved {
  background: color-mix(in srgb, var(--stl-directory-lane) 72%, #f5c842) !important;
  border-color: transparent !important;
  color: #07100d !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-detail {
  grid-template-columns: minmax(4.3rem, auto) minmax(0, 1fr) !important;
  gap: .38rem .5rem !important;
  padding: .55rem !important;
  border: 1px solid color-mix(in srgb, var(--stl-directory-lane) 34%, rgba(255, 255, 255, .12)) !important;
  border-radius: .58rem !important;
  background: rgba(1, 8, 10, .68) !important;
  backdrop-filter: blur(10px) !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-detail span {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 1050px) {
  body.mf-stl-directory-page main#main-content #stl-directory-grid.stl-directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  body.mf-stl-directory-page main#main-content #stl-directory-grid.stl-directory-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card {
    min-height: 0 !important;
  }

  body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card-top {
    padding-right: 0 !important;
  }

  body.mf-stl-directory-page main#main-content #stl-directory-grid .stl-directory-card::after {
    position: static !important;
    justify-self: start !important;
    order: -1 !important;
    margin-bottom: .1rem !important;
  }

  body.mf-stl-directory-page main#main-content #stl-directory-grid .mf-front-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1050px) {
  body.mf-stl-directory-page .stl-directory-toolbar,
  body.mf-stl-directory-page .stl-camps-module__head,
  body.mf-stl-directory-page .stl-directory-submit {
    grid-template-columns: 1fr !important;
  }

  body.mf-stl-directory-page .stl-directory-controls,
  body.mf-stl-directory-page .stl-camp-grid,
  body.mf-stl-directory-page .stl-directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  body.mf-stl-directory-page #stl-directory .stl-section-header-row,
  body.mf-stl-directory-page .stl-directory-controls,
  body.mf-stl-directory-page .stl-directory-stats,
  body.mf-stl-directory-page .stl-camp-grid,
  body.mf-stl-directory-page .stl-directory-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Launch compactness layer: keeps the MoFutbol identity while using more of the screen. */
:root {
  --mf-launch-container: min(1560px, calc(100vw - 2rem));
  --mf-launch-section-y: clamp(.9rem, 1.85vw, 1.65rem);
  --mf-launch-card-pad: clamp(.62rem, 1.05vw, .92rem);
}

.stl-container,
.site-container,
.mc-shell,
.mf-wc-shell .stl-container,
.mf-page-shell .stl-container {
  max-width: var(--mf-launch-container) !important;
}

.stl-section,
.stl-section--alt,
.mf-daily-section,
.section,
.mf-afcon-dashboard__section,
.mf-stl-development-hero,
.mf-diaspora-hero,
.mf-caf-hero,
.mf-worldcup-hero,
.mf-player-directory-hero,
.stl-city-hero,
.mf-daily-hero {
  padding-top: var(--mf-launch-section-y) !important;
  padding-bottom: var(--mf-launch-section-y) !important;
}

.mf-daily-hero,
.mf-worldcup-hero,
.mf-diaspora-hero,
.mf-stl-development-hero,
.mf-caf-hero,
.stl-city-hero,
.mf-player-directory-hero {
  min-height: unset !important;
}

.mf-daily-grid,
.mf-home-hero-grid,
.mf-polish-hero__grid,
.mf-player-directory-hero-grid,
.mf-worldcup-hero__grid,
.mf-daily-section .mf-home-product-grid,
.stl-section .mf-home-product-grid {
  gap: clamp(.65rem, 1.2vw, 1rem) !important;
}

.mf-daily-lead,
.mf-daily-board,
.mf-home-command-card,
.mf-pathway-preview,
.mf-pathway-note,
.stl-card,
.site-card,
.mc-panel,
.mc-day-card,
.mc-last-card,
.stl-hub-league,
.stl-hub-card,
.stl-hub-tryout-board,
.stl-directory-app,
.stl-directory-card,
.stl-camp-card,
.mf-afcon-command,
.mf-afcon-dashboard__section,
.mf-caf-stat-card,
.mf-caf-card,
.mf-worldcup-hero__copy,
.mf-worldcup-hero__media,
.mf-article-card {
  border-radius: .82rem !important;
  padding: var(--mf-launch-card-pad) !important;
}

.stl-section-header-row,
.mc-section-head,
.mf-board-top,
.stl-hub-section-head,
.stl-camps-module__head {
  margin-bottom: .65rem !important;
  gap: .55rem !important;
}

.stl-heading,
.stl-subheading,
.mf-hero-title-streamlined,
.mf-worldcup-hero__title,
.mf-polish-hero h1,
.mf-player-directory-hero h1,
.mf-stl-development-hero h1,
.mf-diaspora-hero h1 {
  line-height: .98 !important;
  letter-spacing: 0 !important;
  margin-bottom: .35rem !important;
}

.stl-heading,
.mf-worldcup-hero__title,
.mf-polish-hero h1,
.mf-player-directory-hero h1,
.mf-stl-development-hero h1,
.mf-diaspora-hero h1 {
  font-size: clamp(1.7rem, 4vw, 3.5rem) !important;
}

.stl-subheading {
  font-size: clamp(1.32rem, 2.35vw, 2.45rem) !important;
}

.stl-muted,
.mf-section-intro,
.mf-hub-section-intro,
.mf-worldcup-hero__lede,
.stl-section-header-row p,
.mc-section-head p {
  max-width: 72ch !important;
  line-height: 1.35 !important;
  margin-top: .25rem !important;
  margin-bottom: 0 !important;
}

.mf-score-ribbon {
  min-height: 2.7rem !important;
  max-height: 3.15rem !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(245, 200, 66, .18), transparent 16%),
    linear-gradient(110deg, rgba(0, 161, 87, .14), rgba(180, 30, 55, .1) 45%, rgba(31, 126, 214, .14)) !important;
}

.mf-score-ribbon__rail {
  display: flex !important;
  align-items: stretch !important;
  gap: .4rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x proximity !important;
  padding: .22rem .5rem !important;
  scrollbar-width: none !important;
}

.mf-score-ribbon__rail::-webkit-scrollbar {
  display: none !important;
}

.mf-score-ribbon__item,
.mf-score-card,
.mf-score-ribbon article {
  min-width: 12.5rem !important;
  min-height: 2.2rem !important;
  padding: .28rem .52rem !important;
  scroll-snap-align: start !important;
}

.mf-home-hero-feed .mf-home-youtube-player,
.mf-home-hero-feed iframe,
.mf-home-hero-feed .mf-video-frame,
.mf-home-hero-feed .mf-youtube-embed {
  width: 100% !important;
  min-height: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
}

.mf-home-hero-feed .mf-home-feed-list,
.mf-home-hero-feed article,
.mf-home-hero-feed a {
  min-height: 0 !important;
}

.mf-home-hero-feed img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

.mf-home-product-grid,
.mf-front-grid,
.mf-pathway-grid,
.mf-card-grid,
.stl-hub-grid,
.stl-directory-grid,
.stl-camp-grid,
.mc-stl-feed-grid,
.mf-afcon-dashboard__grid,
.mf-caf-grid {
  align-items: stretch !important;
}

.mf-home-route-grid,
.mf-home-side-stack,
.mc-stl-feed-list,
.stl-hub-tryout-board__list,
.stl-hub-tryout-list,
.stl-directory-results,
.stl-directory-grid,
.stl-camp-grid,
.mf-afcon-news-list,
.mf-caf-live-list {
  max-height: none !important;
  overflow-y: visible !important;
}

.mf-home-route-card,
.mf-front-item,
.mf-wire-card,
.mf-pathway-card,
.stl-directory-card,
.stl-camp-card,
.mc-match-card,
.mc-day-card,
.mf-afcon-news-card,
.mf-caf-card,
.stl-hub-tryout-card {
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}

.mf-home-route-card:hover,
.mf-front-item:hover,
.mf-wire-card:hover,
.mf-pathway-card:hover,
.stl-directory-card:hover,
.stl-camp-card:hover,
.mc-match-card:hover,
.mc-day-card:hover,
.mf-afcon-news-card:hover,
.mf-caf-card:hover,
.stl-hub-tryout-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(245, 200, 66, .42) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .26) !important;
}

.stl-btn,
.site-button,
.mc-action,
button,
[role="button"] {
  min-height: 2.05rem !important;
}

.site-footer {
  padding-top: .9rem !important;
  padding-bottom: .75rem !important;
}

.site-footer .stl-container,
.site-footer__inner,
.site-footer__grid {
  gap: .75rem !important;
}

.site-footer p,
.site-footer a,
.site-footer li {
  line-height: 1.25 !important;
}

@media (min-width: 1180px) {
  .mf-home-product-grid,
  .mf-front-grid,
  .mc-stl-feed-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(340px, .85fr) !important;
  }

  .stl-directory-grid,
  .stl-camp-grid,
  .stl-hub-grid,
  .mf-caf-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .mf-daily-grid,
  .mf-home-hero-grid,
  .mf-worldcup-hero__grid,
  .mf-polish-hero__grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr) !important;
  }
}

@media (max-width: 760px) {
  :root {
    --mf-launch-container: min(100% - 1rem, 100vw - 1rem);
    --mf-launch-section-y: .8rem;
    --mf-launch-card-pad: .62rem;
  }

  .mf-score-ribbon {
    max-height: 2.8rem !important;
  }

  .stl-heading,
  .mf-worldcup-hero__title,
  .mf-polish-hero h1,
  .mf-player-directory-hero h1,
  .mf-stl-development-hero h1,
  .mf-diaspora-hero h1 {
    font-size: clamp(1.55rem, 10vw, 2.45rem) !important;
  }
}

/* African Diaspora hub: data-driven command board */
body.mf-diaspora-page .mf-diaspora-fix-hero__copy h1 {
  max-width: 14ch;
}

body.mf-diaspora-page .mf-diaspora-fix-hero__copy,
body.mf-diaspora-page .mf-diaspora-fix-hero__panel,
body.mf-diaspora-page .mf-diaspora-fix-shell,
body.mf-diaspora-page .mf-diaspora-hub-panel,
body.mf-diaspora-page .mf-diaspora-automation-panel {
  border-color: rgba(245, 200, 66, .22) !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content :where(.mf-diaspora-fix-hero__copy, .mf-diaspora-fix-hero__panel) {
  position: relative;
  z-index: 2;
  border: 1px solid rgba(245, 200, 66, .22) !important;
  background:
    linear-gradient(135deg, rgba(2, 17, 10, .94), rgba(5, 29, 23, .86)) !important;
  box-shadow: 0 20px 55px rgba(0, 0, 0, .28) !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-hero__bg {
  opacity: .22 !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content :where(.mf-diaspora-fix-hero h1, .mf-diaspora-fix-hero p, .mf-diaspora-fix-hero .stl-eyebrow) {
  color: #f7fbff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .58);
}

body.mf-diaspora-page .mf-diaspora-hub-command {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, .62fr);
  gap: clamp(.8rem, 1.4vw, 1.15rem);
  align-items: start;
}

body.mf-diaspora-page .mf-diaspora-hub-main,
body.mf-diaspora-page .mf-diaspora-automation-panel,
body.mf-diaspora-page .mf-diaspora-hub-panel {
  min-width: 0;
  border: 1px solid rgba(245, 200, 66, .18);
  border-radius: 1rem;
  padding: clamp(.72rem, 1.3vw, 1rem);
  background:
    linear-gradient(135deg, rgba(7, 29, 21, .96), rgba(2, 9, 7, .98)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .024) 0 1px, transparent 1px 84px);
  box-shadow: 0 22px 48px rgba(0, 0, 0, .24);
}

body.mf-diaspora-page .mf-diaspora-panel-head {
  display: grid;
  gap: .25rem;
  margin-bottom: .7rem;
}

body.mf-diaspora-page .mf-diaspora-panel-head h2 {
  margin: 0;
  font-size: clamp(1.12rem, 2vw, 1.85rem);
  line-height: 1.02;
  letter-spacing: 0;
}

body.mf-diaspora-page .mf-diaspora-panel-head p {
  max-width: 64ch;
  margin: 0;
  color: rgba(240, 248, 238, .78);
  line-height: 1.35;
}

body.mf-diaspora-page .mf-diaspora-panel-head--lead {
  grid-template-columns: minmax(0, 1fr);
  padding: .35rem .35rem .15rem;
}

body.mf-diaspora-page .mf-diaspora-control-deck,
body.mf-diaspora-page .mf-diaspora-live-board {
  border: 1px solid rgba(245, 200, 66, .2);
  border-radius: 1rem;
  padding: .75rem;
  background:
    linear-gradient(135deg, rgba(255, 211, 64, .055), rgba(31, 203, 116, .045)),
    rgba(0, 0, 0, .18);
}

body.mf-diaspora-page .mf-diaspora-control-deck {
  display: grid;
  gap: .65rem;
  margin-top: .75rem;
}

body.mf-diaspora-page .mf-diaspora-control-deck__top {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(18rem, .92fr);
  gap: .65rem;
  align-items: stretch;
}

body.mf-diaspora-page .mf-diaspora-control-deck__hint {
  margin: 0;
  border-left: 3px solid #f5c842;
  padding: .15rem 0 .15rem .65rem;
  color: rgba(240, 248, 238, .78);
  font-size: .82rem;
  line-height: 1.35;
}

body.mf-diaspora-page .mf-diaspora-live-board {
  display: grid;
  gap: .72rem;
  margin-top: .75rem;
  background:
    linear-gradient(135deg, rgba(6, 26, 42, .82), rgba(3, 18, 12, .96)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 80px);
}

body.mf-diaspora-page .mf-diaspora-live-board__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .55rem;
  border-bottom: 1px solid rgba(245, 200, 66, .18);
  padding-bottom: .55rem;
}

body.mf-diaspora-page .mf-diaspora-live-board__head strong {
  color: #f7fbff;
  font-size: .98rem;
  line-height: 1.1;
}

body.mf-diaspora-page .mf-diaspora-live-board__head span {
  color: #f5c842;
  font-family: "JetBrains Mono", monospace;
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.mf-diaspora-page .mf-diaspora-hub-command .mf-diaspora-stat-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.mf-diaspora-page .mf-diaspora-quick-rail {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .45rem;
  margin: 0;
}

body.mf-diaspora-page .mf-diaspora-quick-rail a {
  min-width: 0;
  min-height: 4.2rem;
  display: grid;
  align-content: center;
  gap: .15rem;
  border: 1px solid rgba(245, 200, 66, .18);
  border-radius: .9rem;
  padding: .62rem;
  color: #f4f7f1;
  text-decoration: none;
  background:
    linear-gradient(135deg, rgba(245, 200, 66, .09), rgba(31, 203, 116, .06)),
    rgba(255, 255, 255, .035);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

body.mf-diaspora-page .mf-diaspora-quick-rail a:hover,
body.mf-diaspora-page .mf-diaspora-quick-rail a:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(245, 200, 66, .56);
  background: linear-gradient(135deg, rgba(245, 200, 66, .18), rgba(31, 203, 116, .12));
}

body.mf-diaspora-page .mf-diaspora-quick-rail strong {
  color: #f5c842;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  line-height: 1;
}

body.mf-diaspora-page .mf-diaspora-quick-rail span {
  color: rgba(240, 248, 238, .8);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.mf-diaspora-page .mf-diaspora-toolbar {
  grid-template-columns: minmax(150px, .48fr) minmax(220px, .62fr) minmax(0, 1.4fr);
  margin: 0;
  background:
    linear-gradient(135deg, rgba(245, 200, 66, .06), rgba(31, 203, 116, .055)),
    rgba(0, 0, 0, .2);
}

body.mf-diaspora-page .mf-diaspora-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .42rem;
  align-items: center;
}

body.mf-diaspora-page .mf-diaspora-search-row button {
  min-height: 2.45rem;
  border: 1px solid rgba(245, 200, 66, .24);
  border-radius: .65rem;
  padding: .5rem .72rem;
  color: #f5c842;
  background: rgba(255, 255, 255, .045);
  font-size: .72rem;
  font-weight: 900;
  cursor: pointer;
}

body.mf-diaspora-page .mf-diaspora-search-row button:hover,
body.mf-diaspora-page .mf-diaspora-search-row button:focus-visible {
  color: #061009;
  background: #f5c842;
}

body.mf-diaspora-page .mf-diaspora-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}

body.mf-diaspora-page .mf-diaspora-filter-chips button {
  min-height: 2rem;
  border: 1px solid rgba(245, 200, 66, .2);
  border-radius: 999px;
  padding: .38rem .62rem;
  color: #f4f7f1;
  background: rgba(255, 255, 255, .045);
  font-size: .72rem;
  font-weight: 900;
  cursor: pointer;
}

body.mf-diaspora-page .mf-diaspora-filter-chips button.is-active,
body.mf-diaspora-page .mf-diaspora-filter-chips button:hover,
body.mf-diaspora-page .mf-diaspora-country-button.is-active,
body.mf-diaspora-page .mf-diaspora-country-button:hover {
  color: #061009;
  background: #f5c842;
}

body.mf-diaspora-page .mf-diaspora-toolbar__label {
  display: grid;
  gap: .15rem;
}

body.mf-diaspora-page .mf-diaspora-toolbar__label strong {
  font-size: .98rem;
  line-height: 1.05;
}

body.mf-diaspora-page .mf-diaspora-toolbar input:focus,
body.mf-diaspora-page .mf-diaspora-search-row button:focus-visible,
body.mf-diaspora-page .mf-diaspora-filter-chips button:focus-visible,
body.mf-diaspora-page .mf-diaspora-country-button:focus-visible,
body.mf-diaspora-page .mf-diaspora-source-details summary:focus-visible {
  outline: 2px solid rgba(245, 200, 66, .72);
  outline-offset: 2px;
}

body.mf-diaspora-page .mf-diaspora-hub-main .mf-diaspora-player-grid--tight {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}

body.mf-diaspora-page .mf-diaspora-interactive-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(15rem, .42fr);
  gap: .75rem;
  align-items: start;
}

body.mf-diaspora-page .mf-diaspora-preview-card {
  position: sticky;
  top: calc(var(--site-header-height, 54px) + 4.6rem);
  display: grid;
  gap: .45rem;
  min-height: 13rem;
  border: 1px solid rgba(245, 200, 66, .24);
  border-radius: 1rem;
  padding: .85rem;
  background:
    linear-gradient(145deg, rgba(245, 200, 66, .12), rgba(31, 203, 116, .06)),
    rgba(3, 16, 11, .94);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .26);
}

body.mf-diaspora-page .mf-diaspora-preview-card strong {
  font-size: clamp(1rem, 1.35vw, 1.28rem);
  line-height: 1.08;
}

body.mf-diaspora-page .mf-diaspora-preview-card p {
  margin: 0;
  color: rgba(240, 248, 238, .8);
  line-height: 1.35;
}

body.mf-diaspora-page .mf-diaspora-preview-card small {
  color: #f5c842;
  font-family: "JetBrains Mono", monospace;
  font-size: .68rem;
}

body.mf-diaspora-page .mf-diaspora-player-card {
  min-width: 0;
  min-height: 12rem;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.mf-diaspora-page .mf-diaspora-player-card:hover,
body.mf-diaspora-page .mf-diaspora-player-card:focus-within {
  transform: translateY(-2px);
  border-color: rgba(245, 200, 66, .44) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
}

body.mf-diaspora-page .mf-diaspora-player-card__body {
  display: grid;
  align-content: start;
  gap: .42rem;
}

body.mf-diaspora-page .mf-diaspora-player-card__body p {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

body.mf-diaspora-page .mf-diaspora-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .38rem;
  align-items: center;
  margin-top: auto;
}

body.mf-diaspora-page .mf-diaspora-source-details {
  position: relative;
}

body.mf-diaspora-page .mf-diaspora-source-details summary {
  min-height: 2.05rem;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  border: 1px solid rgba(245, 200, 66, .2);
  border-radius: 999px;
  padding: .34rem .6rem;
  color: #f4e6a8;
  font-size: .72rem;
  font-weight: 900;
  list-style: none;
}

body.mf-diaspora-page .mf-diaspora-source-details summary::-webkit-details-marker {
  display: none;
}

body.mf-diaspora-page .mf-diaspora-source-details a {
  display: inline-flex;
  margin-top: .35rem;
  max-width: 14rem;
  color: #f5c842;
  font-size: .76rem;
  overflow-wrap: anywhere;
}

body.mf-diaspora-page .mf-diaspora-agent-stack {
  display: grid;
  gap: .55rem;
}

body.mf-diaspora-page .mf-diaspora-agent-stack article,
body.mf-diaspora-page .mf-diaspora-source-list {
  display: grid;
  gap: .18rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .8rem;
  padding: .65rem;
  background: rgba(255, 255, 255, .045);
}

body.mf-diaspora-page .mf-diaspora-agent-stack span,
body.mf-diaspora-page .mf-diaspora-source-list strong,
body.mf-diaspora-page .mf-diaspora-source-list span {
  color: #f5c842;
  font-family: "JetBrains Mono", monospace;
  font-size: .62rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.mf-diaspora-page .mf-diaspora-agent-stack strong {
  font-size: .94rem;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

body.mf-diaspora-page .mf-diaspora-agent-stack small,
body.mf-diaspora-page .mf-diaspora-automation-note {
  color: rgba(240, 248, 238, .76);
  line-height: 1.35;
}

body.mf-diaspora-page .mf-diaspora-source-list {
  margin: .7rem 0;
}

body.mf-diaspora-page .mf-diaspora-source-list span {
  color: rgba(240, 248, 238, .86);
  letter-spacing: 0;
  text-transform: none;
}

body.mf-diaspora-page .mf-diaspora-automation-note {
  margin: .65rem 0 0;
  font-size: .82rem;
}

body.mf-diaspora-page .mf-diaspora-hub-lower {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
  margin-top: .8rem;
}

body.mf-diaspora-page .mf-diaspora-country-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .46rem;
}

body.mf-diaspora-page .mf-diaspora-country-button {
  min-width: 0;
  min-height: 3.25rem;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  gap: .48rem;
  align-items: center;
  border: 1px solid rgba(245, 200, 66, .18);
  border-radius: .75rem;
  padding: .48rem;
  color: #f4f7f1;
  background: rgba(255, 255, 255, .045);
  text-align: left;
}

body.mf-diaspora-page .mf-diaspora-country-button img {
  width: 2rem;
  border-radius: .26rem;
}

body.mf-diaspora-page .mf-diaspora-country-button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.mf-diaspora-page .mf-diaspora-country-button strong {
  color: #f5c842;
}

body.mf-diaspora-page .mf-diaspora-country-button:hover strong,
body.mf-diaspora-page .mf-diaspora-country-button.is-active strong {
  color: #061009;
}

body.mf-diaspora-page .mf-diaspora-hub-panel .mf-diaspora-route-grid,
body.mf-diaspora-page .mf-diaspora-hub-panel .mf-diaspora-story-grid,
body.mf-diaspora-page .mf-diaspora-hub-panel .mf-diaspora-fixture-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.mf-diaspora-page .mf-diaspora-route-card,
body.mf-diaspora-page .mf-diaspora-story-card,
body.mf-diaspora-page .mf-diaspora-fixture-card,
body.mf-diaspora-page .mf-diaspora-club-card {
  min-width: 0;
}

body.mf-diaspora-page .mf-diaspora-route-card__links a {
  color: #f5c842;
  font-size: .78rem;
  overflow-wrap: anywhere;
}

@media (max-width: 1080px) {
  body.mf-diaspora-page .mf-diaspora-section-nav,
  body.mf-diaspora-page .mf-diaspora-hub-command,
  body.mf-diaspora-page .mf-diaspora-hub-lower,
  body.mf-diaspora-page .mf-diaspora-control-deck__top,
  body.mf-diaspora-page .mf-diaspora-toolbar,
  body.mf-diaspora-page .mf-diaspora-interactive-grid {
    grid-template-columns: 1fr;
  }

  body.mf-diaspora-page .mf-diaspora-preview-card {
    position: static;
  }
}

@media (max-width: 760px) {
  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-fix-hero {
    padding-block: .55rem !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-fix-hero__grid {
    gap: .55rem !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content :where(.mf-diaspora-fix-hero__copy, .mf-diaspora-fix-hero__panel, .mf-diaspora-hub-main, .mf-diaspora-automation-panel, .mf-diaspora-hub-panel, .mf-diaspora-control-deck, .mf-diaspora-live-board) {
    padding: .62rem !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-fix-hero p {
    margin-bottom: .45rem !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content :where(.mf-diaspora-fix-hero__panel, .mf-diaspora-control-deck) .mf-diaspora-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .4rem !important;
    margin-bottom: 0 !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content :where(.mf-diaspora-fix-hero__panel, .mf-diaspora-control-deck) .mf-diaspora-stat-grid article {
    min-height: 3.45rem !important;
    padding: .48rem !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content :where(.mf-diaspora-fix-hero__panel, .mf-diaspora-control-deck) .mf-diaspora-stat-grid strong {
    font-size: 1.08rem !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-control-deck .mf-diaspora-stat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-control-deck .mf-diaspora-stat-grid article {
    min-height: 3.2rem !important;
    padding: .4rem !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-control-deck .mf-diaspora-stat-grid strong {
    font-size: .98rem !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-control-deck .mf-diaspora-stat-grid span {
    font-size: .52rem !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-tabs {
    justify-content: flex-start !important;
    gap: .3rem !important;
    padding: .28rem !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-tabs a {
    min-height: 1.95rem !important;
    padding: .44rem .62rem !important;
    font-size: .68rem !important;
  }

  body.mf-diaspora-page .mf-diaspora-quick-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .35rem;
  }

  body.mf-diaspora-page .mf-diaspora-quick-rail a {
    min-height: 3.25rem;
    padding: .48rem;
  }

  body.mf-diaspora-page .mf-diaspora-quick-rail strong {
    font-size: 1.08rem;
  }

  body.mf-diaspora-page .mf-diaspora-quick-rail span {
    font-size: .61rem;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-control-deck,
  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-live-board,
  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-hub-command,
  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-hub-lower {
    gap: .55rem !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-live-board {
    margin-top: .55rem !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-player-card {
    min-height: 8.75rem !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-player-card__media,
  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-player-card__media img {
    min-height: 0 !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-player-card__body {
    gap: .32rem !important;
    padding: .55rem !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-player-card__body p {
    -webkit-line-clamp: 2 !important;
    line-height: 1.28 !important;
  }

  body.mf-diaspora-page .mf-diaspora-hub-main .mf-diaspora-player-grid--tight,
  body.mf-diaspora-page .mf-diaspora-country-grid,
  body.mf-diaspora-page .mf-diaspora-hub-panel .mf-diaspora-route-grid,
  body.mf-diaspora-page .mf-diaspora-hub-panel .mf-diaspora-story-grid,
  body.mf-diaspora-page .mf-diaspora-hub-panel .mf-diaspora-fixture-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-diaspora-page .mf-diaspora-player-card {
    grid-template-columns: 88px minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mf-diaspora-page :where(.mf-diaspora-player-card, .mf-diaspora-club-card, .mf-diaspora-route-card, .mf-diaspora-story-card, .mf-diaspora-country-button, .mf-diaspora-fixture-card) {
    transition: none !important;
  }
}
/* World Cup verified official-source feed */
.mf-worldcup-verified {
  margin-top: 1rem;
}

.mf-worldcup-verified__shell,
.mf-worldcup-verified.mf-world-section,
.mf-diaspora-hub-panel.mf-worldcup-verified {
  border: 1px solid rgba(245, 200, 66, 0.22);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 12% 8%, rgba(245, 200, 66, 0.12), transparent 16rem),
    radial-gradient(circle at 90% 12%, rgba(45, 184, 75, 0.13), transparent 18rem),
    linear-gradient(135deg, rgba(6, 18, 24, 0.96), rgba(4, 12, 14, 0.98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.mf-worldcup-verified__shell {
  padding: 0.9rem;
}

.mf-worldcup-verified__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.72rem;
}

.mf-worldcup-verified__head h2 {
  margin: 0.15rem 0 0;
  color: #f7fbff;
  font-family: var(--f-heading);
  font-size: clamp(1.18rem, 2.4vw, 2.1rem);
  line-height: 0.98;
}

.mf-worldcup-verified__head p {
  max-width: 68ch;
  margin: 0.32rem 0 0;
  color: rgba(235, 246, 252, 0.74);
  font-size: 0.84rem;
}

.mf-worldcup-verified__stamp {
  flex: 0 0 auto;
  color: #f7d34d;
  font: 800 0.68rem/1.2 var(--f-mono, monospace);
}

.mf-worldcup-verified__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
  margin-bottom: 0.72rem;
}

.mf-worldcup-verified__filters button {
  min-height: 2rem;
  border: 1px solid rgba(245, 200, 66, 0.24);
  border-radius: 999px;
  padding: 0.34rem 0.62rem;
  background: rgba(255, 255, 255, 0.045);
  color: #f7fbff;
  font-size: 0.72rem;
  font-weight: 900;
  cursor: pointer;
}

.mf-worldcup-verified__filters button.is-active,
.mf-worldcup-verified__filters button:hover,
.mf-worldcup-verified__filters button:focus-visible {
  border-color: rgba(245, 200, 66, 0.62);
  background: #f7d34d;
  color: #061018;
}

.mf-worldcup-verified__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr));
  gap: 0.62rem;
}

.mf-worldcup-verified--home .mf-worldcup-verified__grid {
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

.mf-worldcup-verified__card,
.mf-worldcup-verified__empty {
  display: grid;
  align-content: start;
  gap: 0.38rem;
  min-height: 8.6rem;
  padding: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0.82rem;
  background: rgba(2, 10, 12, 0.62);
  color: #f7fbff;
  text-decoration: none;
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.mf-worldcup-verified__card:hover,
.mf-worldcup-verified__card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(245, 200, 66, 0.46);
  background: rgba(245, 200, 66, 0.1);
}

.mf-worldcup-verified__card span {
  color: #f7d34d;
  font: 900 0.66rem/1.2 var(--f-mono, monospace);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.mf-worldcup-verified__card strong,
.mf-worldcup-verified__empty strong {
  color: #fff;
  font-size: 0.94rem;
  line-height: 1.08;
}

.mf-worldcup-verified__card p {
  margin: 0;
  color: rgba(235, 246, 252, 0.72);
  font-size: 0.78rem;
  line-height: 1.35;
}

.mf-worldcup-verified__card small {
  color: rgba(235, 246, 252, 0.62);
  font-size: 0.7rem;
  line-height: 1.3;
}

@media (max-width: 700px) {
  .mf-worldcup-verified__head {
    align-items: start;
    flex-direction: column;
  }
}

/* Match Center expanded watch: no-dropdown lanes */
body.mf-system-match #expanded-matchday-watch {
  padding: clamp(0.85rem, 1.6vw, 1.15rem) !important;
}

body.mf-system-match #expanded-matchday-watch.mf-compact-board,
body.mf-system-match #expanded-matchday-watch .mf-compact-board__body {
  display: block !important;
}

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

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

body.mf-system-match .mc-expansion-lane-button {
  display: grid !important;
  gap: 0.22rem !important;
  min-height: 5.2rem !important;
  padding: 0.72rem 0.78rem !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: #f7fbff !important;
  text-align: left !important;
  cursor: pointer !important;
}

body.mf-system-match .mc-expansion-lane-button[aria-pressed="true"],
body.mf-system-match .mc-expansion-lane-button:hover,
body.mf-system-match .mc-expansion-lane-button:focus-visible {
  border-color: rgba(255, 213, 76, 0.66) !important;
  background: linear-gradient(145deg, rgba(255, 213, 76, 0.18), rgba(255, 255, 255, 0.06)) !important;
  outline: none !important;
}

body.mf-system-match .mc-expansion-lane-button span,
body.mf-system-match .mc-expansion-lane-button small {
  color: rgba(244, 247, 251, 0.72) !important;
  font: 900 0.54rem/1.1 var(--f-mono, monospace) !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

body.mf-system-match .mc-expansion-lane-button strong {
  color: #fff !important;
  font-family: var(--f-heading, sans-serif) !important;
  font-size: clamp(0.9rem, 1.25vw, 1.08rem) !important;
  line-height: 1.04 !important;
}

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

body.mf-system-match .mc-expansion-card {
  gap: 0.5rem !important;
  padding: 0.72rem !important;
  border-radius: 15px !important;
  outline: none !important;
}

body.mf-system-match .mc-expansion-card.is-selected,
body.mf-system-match .mc-expansion-card:focus-visible {
  border-color: var(--mc-expansion-accent, #ffd54c) !important;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--mc-expansion-accent, #ffd54c) 18%, transparent), rgba(255, 255, 255, 0.04)),
    rgba(255, 255, 255, 0.045) !important;
}

body.mf-system-match .mc-expansion-media {
  min-height: 5.6rem !important;
  padding: 0.42rem !important;
}

body.mf-system-match .mc-expansion-media--photo {
  min-height: 7.2rem !important;
  padding: 0 !important;
  place-items: stretch !important;
}

body.mf-system-match .mc-expansion-media--photo img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  filter: none !important;
}

body.mf-system-match .mc-expansion-media--logo img {
  width: min(76%, 13rem) !important;
  height: 4.1rem !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
}

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

body.mf-system-match .mc-expansion-item p {
  display: block !important;
}

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

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

@media (max-width: 760px) {
  body.mf-system-match .mc-expansion-lanes,
  body.mf-system-match .mc-expansion-command-bar,
  body.mf-system-match #expanded-matchday-watch .mc-board-kpis {
    grid-template-columns: 1fr !important;
  }

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

/* Diaspora command deck repair: keep stats and actions readable inside the two-column hub. */
body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck {
  overflow: hidden !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck__top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, .82fr) !important;
  gap: clamp(.58rem, 1.15vw, .82rem) !important;
  align-items: stretch !important;
  min-width: 0 !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-quick-rail,
body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-stat-grid {
  display: grid !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-quick-rail {
  grid-template-columns: repeat(5, minmax(4.8rem, 1fr)) !important;
  gap: .42rem !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-stat-grid {
  grid-template-columns: repeat(2, minmax(7.75rem, 1fr)) !important;
  gap: .5rem !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-quick-rail a,
body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-stat-grid article {
  min-width: 0 !important;
  width: auto !important;
  min-height: 4.45rem !important;
  display: grid !important;
  align-content: center !important;
  gap: .2rem !important;
  padding: .68rem !important;
  writing-mode: horizontal-tb !important;
  transform: none !important;
  overflow: hidden !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-quick-rail strong,
body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-stat-grid strong {
  display: block !important;
  color: #f5c842 !important;
  font-size: clamp(1.35rem, 2.35vw, 2.05rem) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-quick-rail span,
body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-stat-grid span {
  display: block !important;
  max-width: 100% !important;
  color: rgba(240, 248, 238, .82) !important;
  font-size: .66rem !important;
  line-height: 1.1 !important;
  overflow-wrap: normal !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-toolbar {
  grid-template-columns: minmax(8rem, .32fr) minmax(14rem, .7fr) minmax(0, 1fr) !important;
  min-width: 0 !important;
}

@media (max-width: 1080px) {
  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck__top {
    grid-template-columns: 1fr !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-quick-rail {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-stat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-toolbar {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 680px) {
  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-quick-rail,
  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 420px) {
  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-quick-rail,
  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-stat-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Diaspora deck hotfix: split the command board into rows so controls never overlap. */
body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: .7rem !important;
  overflow: hidden !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck__top {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: .58rem !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-quick-rail {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)) !important;
  gap: .5rem !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(8.25rem, 1fr)) !important;
  gap: .5rem !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-quick-rail a,
body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-stat-grid article {
  min-height: 4.05rem !important;
  border-radius: .78rem !important;
  padding: .65rem .7rem !important;
  overflow: hidden !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck__hint {
  border-left: 0 !important;
  border-top: 1px solid rgba(245, 200, 66, .24) !important;
  padding: .58rem 0 0 !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: .6rem !important;
  min-width: 0 !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-filter-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .38rem !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-control-deck .mf-diaspora-filter-chips button {
  width: auto !important;
  min-width: 0 !important;
  white-space: normal !important;
}

/* Submit hero: compact, visual, and connected to the submission lanes. */
body:has(#submit-form) > .mf-submit-hero {
  position: relative !important;
  isolation: isolate !important;
  min-height: auto !important;
  padding: clamp(3rem, 7vw, 5.4rem) 0 clamp(2.2rem, 4vw, 3.3rem) !important;
  background-color: #06100d !important;
  background-image:
    linear-gradient(90deg, rgba(3, 8, 8, .96) 0%, rgba(6, 18, 24, .86) 46%, rgba(6, 18, 24, .32) 100%),
    linear-gradient(180deg, rgba(255, 213, 76, .13), rgba(255, 59, 127, .12) 58%, rgba(0, 210, 255, .16)),
    url("../img/stl-hero/energizer-park-stl.jpg") !important;
  background-position: center !important;
  background-size: cover !important;
  border-bottom: 1px solid rgba(255, 213, 76, .32) !important;
  overflow: hidden !important;
}

body:has(#submit-form) > .mf-submit-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(0, 210, 255, .2), transparent 32%, rgba(255, 213, 76, .16) 68%, transparent),
    url("../brand-v2/backgrounds/mf-background-16x9.png") right 7% center / min(36rem, 42vw) auto no-repeat;
  opacity: .42;
  mix-blend-mode: screen;
}

body:has(#submit-form) > .mf-submit-hero > .stl-container {
  width: min(100% - 1.4rem, 84rem) !important;
  max-width: min(100% - 1.4rem, 84rem) !important;
}

body:has(#submit-form) > .mf-submit-hero .mf-editorial-hero__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(19rem, .58fr) !important;
  align-items: start !important;
  gap: clamp(1rem, 3vw, 2.5rem) !important;
  min-height: 0 !important;
}

body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__copy {
  order: 1;
  max-width: 55rem !important;
  min-height: 0 !important;
  padding: 0 !important;
  align-content: start !important;
}

body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__panel {
  order: 2;
  align-self: start !important;
  min-height: 0 !important;
  display: grid !important;
  align-content: center !important;
  gap: .9rem !important;
  background:
    linear-gradient(135deg, rgba(255, 213, 76, .18), transparent 42%),
    linear-gradient(180deg, rgba(4, 30, 34, .86), rgba(4, 12, 12, .82)) !important;
  border: 1px solid rgba(255, 213, 76, .32) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 24px 54px rgba(0, 0, 0, .32) !important;
}

body:has(#submit-form) > .mf-submit-hero .mf-unified-hero-title {
  max-width: 15ch !important;
  margin-bottom: .9rem !important;
  font-size: clamp(2.55rem, 5vw, 4.85rem) !important;
  line-height: .98 !important;
}

body:has(#submit-form) > .mf-submit-hero .mf-lede {
  max-width: 43rem !important;
  color: rgba(240, 248, 255, .82) !important;
  font-size: clamp(.96rem, 1.25vw, 1.1rem) !important;
}

body:has(#submit-form) > .mf-submit-hero .mf-page-actions {
  margin-top: 1rem !important;
}

body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__lanes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .55rem;
  width: min(100%, 47rem);
  margin: 1.15rem 0 .15rem;
}

body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__lane {
  display: grid;
  gap: .2rem;
  min-width: 0;
  min-height: 4.25rem;
  padding: .72rem .78rem;
  border: 1px solid color-mix(in srgb, var(--mf-submit-lane) 48%, rgba(255, 255, 255, .16));
  border-radius: 8px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--mf-submit-lane) 22%, rgba(255, 255, 255, .08)), rgba(6, 14, 18, .76));
  color: #f9fbff;
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__lane:hover,
body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__lane:focus-visible {
  transform: translateY(-2px);
  border-color: var(--mf-submit-lane);
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13), 0 14px 28px rgba(0, 0, 0, .28);
}

body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__lane span {
  color: var(--mf-submit-lane);
  font: 800 .74rem/1.1 var(--font-display, inherit);
}

body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__lane small {
  color: rgba(238, 246, 255, .72);
  font: 700 .62rem/1.25 var(--font-body, inherit);
}

body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__proof {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: .9rem;
}

body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__proof span {
  display: grid;
  gap: .12rem;
  min-width: 9rem;
  padding: .6rem .75rem;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  background: rgba(2, 10, 12, .54);
}

body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__proof strong {
  color: #fff;
  font-size: .72rem;
}

body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__proof small,
body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__note {
  color: rgba(230, 240, 245, .7);
  font-size: .66rem;
  line-height: 1.35;
}

body:has(#submit-form) > .mf-submit-hero .mf-metric-row {
  grid-template-columns: 1fr !important;
  gap: .55rem !important;
}

body:has(#submit-form) > .mf-submit-hero .mf-metric {
  min-height: 4.1rem !important;
  border-color: rgba(255, 213, 76, .28) !important;
  background: rgba(0, 13, 16, .58) !important;
}

body:has(#submit-form) > .mf-submit-hero .mf-kicker-list {
  gap: .45rem !important;
}

body:has(#submit-form) > .mf-submit-hero .mf-kicker-list span {
  border-color: rgba(0, 210, 255, .3) !important;
  color: rgba(244, 249, 255, .82) !important;
}

@media (max-width: 980px) {
  body:has(#submit-form) > .mf-submit-hero .mf-editorial-hero__grid {
    grid-template-columns: 1fr !important;
  }

  body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__panel {
    order: 1;
    min-height: 0 !important;
  }

  body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__copy {
    order: 2;
  }

  body:has(#submit-form) > .mf-submit-hero .mf-metric-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__lanes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body:has(#submit-form) > .mf-submit-hero {
    padding: 2.15rem 0 1.7rem !important;
  }

  body:has(#submit-form) > .mf-submit-hero::before {
    background-size: 26rem auto;
    background-position: right -9rem top 1rem;
  }

  body:has(#submit-form) > .mf-submit-hero .mf-unified-hero-title {
    max-width: 12.5ch !important;
    font-size: clamp(2.15rem, 11vw, 3.1rem) !important;
  }

  body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__panel {
    display: none !important;
  }

  body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__lanes {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__lane {
    min-height: 3.35rem;
    padding: .58rem .64rem;
  }

  body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__proof {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body:has(#submit-form) > .mf-submit-hero .mf-submit-hero__proof span {
    min-width: 0;
    padding: .52rem .62rem;
  }
}

/* Submit form desk: compact, lane-aware, and image-backed. */
body.mf-system-page main#main-content > section#submit-form {
  --mf-submit-lane: #ffd54c;
  --mf-submit-bg: url("../img/stl-hero/energizer-park-stl.jpg");
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: clamp(1.15rem, 2.4vw, 1.9rem) 0 !important;
  background:
    linear-gradient(90deg, rgba(2, 8, 10, .96), rgba(6, 22, 29, .88) 54%, rgba(3, 9, 10, .96)),
    linear-gradient(135deg, color-mix(in srgb, var(--mf-submit-lane) 18%, transparent), transparent 42%, rgba(0, 210, 255, .12)),
    var(--mf-submit-bg) center / cover no-repeat !important;
  border-block: 1px solid color-mix(in srgb, var(--mf-submit-lane) 32%, rgba(255, 255, 255, .08)) !important;
}

body.mf-system-page main#main-content > section#submit-form::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, transparent, color-mix(in srgb, var(--mf-submit-lane) 14%, transparent), transparent),
    url("../brand-v2/backgrounds/mf-background-16x9.png") right 4% center / min(32rem, 40vw) auto no-repeat;
  opacity: .38;
  mix-blend-mode: screen;
}

body.mf-system-page main#main-content > section#submit-form > .stl-container {
  width: min(100% - 1rem, 84rem) !important;
  max-width: min(100% - 1rem, 84rem) !important;
}

body.mf-system-page main#main-content > section#submit-form .mf-contact-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.32fr) minmax(18rem, .68fr) !important;
  gap: .85rem !important;
  align-items: start !important;
}

body.mf-system-page main#main-content > section#submit-form .mf-form-shell,
body.mf-system-page main#main-content > section#submit-form .mf-contact-panel > .mf-info-card {
  border: 1px solid color-mix(in srgb, var(--mf-submit-lane) 34%, rgba(255, 255, 255, .12)) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--mf-submit-lane) 11%, rgba(7, 19, 24, .9)), rgba(4, 11, 13, .86)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), 0 18px 42px rgba(0, 0, 0, .28) !important;
}

body.mf-system-page main#main-content > section#submit-form .mf-form-shell {
  padding: clamp(.9rem, 1.5vw, 1.2rem) !important;
}

body.mf-system-page main#main-content > section#submit-form .mf-contact-panel {
  display: grid !important;
  gap: .65rem !important;
}

body.mf-system-page main#main-content > section#submit-form .mf-contact-panel > .mf-info-card {
  padding: .86rem !important;
}

body.mf-system-page main#main-content > section#submit-form .mf-contact-panel > .mf-info-card:nth-child(3) {
  display: none !important;
}

body.mf-system-page main#main-content > section#submit-form .mf-form-shell > .stl-eyebrow,
body.mf-system-page main#main-content > section#submit-form .mf-info-card > .stl-eyebrow {
  color: var(--mf-submit-lane) !important;
}

body.mf-system-page main#main-content > section#submit-form .mf-form-shell > .stl-subheading {
  margin-bottom: .55rem !important;
  font-size: clamp(1.35rem, 2.4vw, 2.25rem) !important;
  line-height: 1 !important;
}

body.mf-system-page main#main-content > section#submit-form .mf-submit-form-desk {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .7rem;
  align-items: center;
  margin: .5rem 0 .75rem;
  padding: .72rem;
  border: 1px solid color-mix(in srgb, var(--mf-submit-lane) 42%, rgba(255, 255, 255, .1));
  border-radius: 8px;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--mf-submit-lane) 14%, rgba(255, 255, 255, .06)), rgba(1, 8, 10, .55));
}

body.mf-system-page main#main-content > section#submit-form .mf-submit-form-desk strong {
  display: block;
  color: #fff;
  font-size: .98rem;
  line-height: 1.05;
}

body.mf-system-page main#main-content > section#submit-form .mf-submit-form-desk small {
  display: block;
  margin-top: .18rem;
  color: rgba(234, 244, 250, .72);
  font-size: .72rem;
  line-height: 1.3;
}

body.mf-system-page main#main-content > section#submit-form .mf-submit-form-checks {
  display: flex;
  flex-wrap: wrap;
  gap: .38rem;
  justify-content: end;
}

body.mf-system-page main#main-content > section#submit-form .mf-submit-form-checks span {
  padding: .33rem .48rem;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 999px;
  color: rgba(236, 244, 250, .68);
  background: rgba(0, 0, 0, .2);
  font: 800 .58rem/1 var(--f-mono, monospace);
  text-transform: uppercase;
}

body.mf-system-page main#main-content > section#submit-form .mf-submit-form-checks span.is-ready {
  border-color: var(--mf-submit-lane);
  background: var(--mf-submit-lane);
  color: #06100d;
}

body.mf-system-page main#main-content > section#submit-form form {
  display: grid !important;
  gap: .62rem !important;
}

body.mf-system-page main#main-content > section#submit-form .mf-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .62rem !important;
}

body.mf-system-page main#main-content > section#submit-form .form-group {
  margin: 0 !important;
}

body.mf-system-page main#main-content > section#submit-form .form-label {
  margin-bottom: .26rem !important;
  color: color-mix(in srgb, var(--mf-submit-lane) 55%, rgba(230, 240, 245, .74)) !important;
  font-size: .58rem !important;
  letter-spacing: .1em !important;
}

body.mf-system-page main#main-content > section#submit-form .form-control {
  min-height: 2.75rem !important;
  padding: .66rem .76rem !important;
  border-color: color-mix(in srgb, var(--mf-submit-lane) 25%, rgba(255, 255, 255, .1)) !important;
  border-radius: 8px !important;
  background: rgba(2, 10, 13, .7) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

body.mf-system-page main#main-content > section#submit-form .form-control:focus {
  border-color: var(--mf-submit-lane) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mf-submit-lane) 18%, transparent), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

body.mf-system-page main#main-content > section#submit-form textarea.form-control {
  height: 6.25rem !important;
  min-height: 6.25rem !important;
  resize: vertical;
}

body.mf-system-page main#main-content > section#submit-form .btn[type="submit"] {
  min-height: 2.85rem !important;
  margin-top: .12rem !important;
  border: 1px solid color-mix(in srgb, var(--mf-submit-lane) 55%, transparent) !important;
  border-radius: 8px !important;
  background: linear-gradient(90deg, var(--mf-submit-lane), #fff46b) !important;
  color: #06100d !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 30px color-mix(in srgb, var(--mf-submit-lane) 22%, rgba(0, 0, 0, .28)) !important;
}

body.mf-system-page main#main-content > section#submit-form .mf-mini-note {
  margin: .35rem 0 0 !important;
  color: rgba(233, 242, 248, .68) !important;
  font-size: .72rem !important;
}

body.mf-system-page main#main-content > section#submit-form .mf-info-card h3 {
  margin-bottom: .35rem !important;
  color: #fff !important;
  font-size: .98rem !important;
}

body.mf-system-page main#main-content > section#submit-form .mf-checklist,
body.mf-system-page main#main-content > section#submit-form .mf-contact-list {
  display: grid !important;
  gap: .42rem !important;
}

body.mf-system-page main#main-content > section#submit-form .mf-checklist li,
body.mf-system-page main#main-content > section#submit-form .mf-contact-note,
body.mf-system-page main#main-content > section#submit-form .mf-contact-list small {
  color: rgba(232, 242, 248, .72) !important;
  font-size: .72rem !important;
  line-height: 1.35 !important;
}

body.mf-system-page main#main-content > section#submit-form .mf-contact-list a {
  padding: .44rem .55rem !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 8px !important;
  background: rgba(0, 0, 0, .18) !important;
}

@media (max-width: 980px) {
  body.mf-system-page main#main-content > section#submit-form .mf-contact-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  body.mf-system-page main#main-content > section#submit-form {
    padding: 1rem 0 1.2rem !important;
  }

  body.mf-system-page main#main-content > section#submit-form::before {
    background-size: 24rem auto;
    background-position: right -11rem top 1rem;
  }

  body.mf-system-page main#main-content > section#submit-form .mf-form-grid,
  body.mf-system-page main#main-content > section#submit-form .mf-submit-form-desk {
    grid-template-columns: 1fr !important;
  }

  body.mf-system-page main#main-content > section#submit-form .mf-submit-form-checks {
    justify-content: start;
  }

  body.mf-system-page main#main-content > section#submit-form .mf-contact-panel {
    display: none !important;
  }

  body.mf-system-page main#main-content > section#submit-form textarea.form-control {
    min-height: 7rem !important;
  }
}

/* Submit lane chooser: compact, visual, and connected to the form dropdown. */
body:has(#submit-form) main#main-content > section.stl-section:first-child {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding-block: clamp(.9rem, 1.6vw, 1.35rem) !important;
  background:
    linear-gradient(90deg, rgba(2, 8, 10, .96), rgba(3, 18, 18, .86) 54%, rgba(2, 8, 10, .96)),
    url("../img/stl-hero/energizer-park-stl.jpg") center / cover no-repeat !important;
}

body:has(#submit-form) main#main-content > section.stl-section:first-child .stl-container {
  width: min(100% - 1rem, 84rem) !important;
  max-width: min(100% - 1rem, 84rem) !important;
}

body:has(#submit-form) main#main-content > section.stl-section:first-child .stl-section-header-row {
  align-items: end !important;
  gap: .75rem !important;
  margin-bottom: .62rem !important;
  padding-bottom: .55rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
}

body:has(#submit-form) main#main-content > section.stl-section:first-child .stl-subheading {
  max-width: none !important;
  font-size: clamp(1.28rem, 2.4vw, 2.25rem) !important;
  line-height: 1 !important;
}

body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-grid,
body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-submit-lane-grid {
  display: grid !important;
  grid-template-columns: 1.08fr repeat(3, minmax(0, .96fr)) !important;
  gap: .62rem !important;
  align-items: stretch !important;
}

body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-card,
body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-submit-lane-card {
  --mf-submit-lane: #8fd8ff;
  --mf-submit-bg: url("../img/stl-hero/energizer-park-stl.jpg");
  position: relative !important;
  isolation: isolate !important;
  min-height: 11rem !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--mf-submit-lane) 42%, rgba(255, 255, 255, .12)) !important;
  border-radius: .75rem !important;
  background: rgba(4, 16, 18, .88) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), inset 4px 0 0 color-mix(in srgb, var(--mf-submit-lane) 72%, transparent) !important;
  cursor: pointer !important;
  transform: translateZ(0);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-card::before,
body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-submit-lane-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(180deg, rgba(2, 8, 10, .08), rgba(2, 8, 10, .94)),
    linear-gradient(90deg, color-mix(in srgb, var(--mf-submit-lane) 24%, transparent), transparent 62%),
    var(--mf-submit-bg) center / cover no-repeat;
  opacity: .55;
  transform: scale(1.03);
  transition: opacity .22s ease, transform .22s ease !important;
}

body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-card::after,
body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-submit-lane-card::after {
  content: "Select";
  position: absolute;
  top: .62rem;
  right: .62rem;
  padding: .32rem .5rem;
  border: 1px solid color-mix(in srgb, var(--mf-submit-lane) 48%, rgba(255, 255, 255, .16));
  border-radius: 999px;
  background: rgba(1, 8, 10, .72);
  color: color-mix(in srgb, var(--mf-submit-lane) 86%, white);
  font: 900 .56rem/1 var(--f-mono, monospace);
  letter-spacing: .08em;
  text-transform: uppercase;
}

body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-card:hover,
body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-card:focus-visible,
body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-card.is-selected,
body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-submit-lane-card:hover,
body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-submit-lane-card:focus-visible,
body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-submit-lane-card.is-selected {
  transform: translateY(-3px) !important;
  border-color: var(--mf-submit-lane) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 4px 0 0 var(--mf-submit-lane), 0 18px 38px color-mix(in srgb, var(--mf-submit-lane) 20%, rgba(0, 0, 0, .36)) !important;
}

body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-card:hover::before,
body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-card:focus-visible::before,
body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-card.is-selected::before,
body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-submit-lane-card:hover::before,
body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-submit-lane-card:focus-visible::before,
body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-submit-lane-card.is-selected::before {
  opacity: .78;
  transform: scale(1.09);
}

body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-card.is-selected::after,
body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-submit-lane-card.is-selected::after {
  content: "Selected";
  background: var(--mf-submit-lane);
  border-color: transparent;
  color: #07100d;
}

body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-card__body {
  min-height: 100% !important;
  display: grid !important;
  align-content: end !important;
  gap: .42rem !important;
  padding: .82rem !important;
  padding-top: 2.1rem !important;
}

body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-card .stl-eyebrow {
  color: var(--mf-submit-lane) !important;
  font-size: .58rem !important;
}

body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-card h3 {
  max-width: 17rem !important;
  margin: 0 !important;
  font-size: clamp(.96rem, 1.14vw, 1.18rem) !important;
  line-height: 1.05 !important;
}

body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-card p {
  max-width: 22rem !important;
  margin: 0 !important;
  color: rgba(247, 249, 245, .78) !important;
  font-size: .75rem !important;
  line-height: 1.32 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
}

body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-submit-lane-card__action {
  justify-self: start;
  margin-top: .16rem;
  padding: .4rem .56rem;
  border: 1px solid color-mix(in srgb, var(--mf-submit-lane) 44%, rgba(255, 255, 255, .14));
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  color: #fff;
  font: 900 .62rem/1 var(--f-mono, monospace);
}

@media (max-width: 980px) {
  body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-grid,
  body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-submit-lane-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-grid,
  body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-submit-lane-grid,
  body:has(#submit-form) main#main-content > section.stl-section:first-child .stl-section-header-row {
    grid-template-columns: 1fr !important;
  }

  body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-card,
  body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-submit-lane-card {
    min-height: 10rem !important;
  }

  body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-card::after,
  body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-submit-lane-card::after {
    position: static;
    justify-self: start;
    margin: .68rem .82rem 0;
  }

  body:has(#submit-form) main#main-content > section.stl-section:first-child .mf-home-spotlight-card__body {
    padding-top: .25rem !important;
  }
}

/* Submit lane section fallback: vivid even before JS enhancement completes. */
body.mf-system-page main#main-content > section.stl-section:first-child {
  position: relative !important;
  isolation: isolate !important;
  padding: clamp(1.05rem, 2.4vw, 1.8rem) 0 !important;
  background:
    linear-gradient(90deg, rgba(3, 8, 9, .95), rgba(5, 22, 31, .86) 50%, rgba(4, 12, 12, .95)),
    linear-gradient(135deg, rgba(255, 213, 76, .14), transparent 34%, rgba(0, 210, 255, .12)),
    url("../img/stl-hero/youth-soccer-field.jpg") center / cover no-repeat !important;
  border-block: 1px solid rgba(255, 213, 76, .22) !important;
  overflow: hidden !important;
}

body.mf-system-page main#main-content > section.stl-section:first-child::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(255, 59, 127, .22), transparent 30%, rgba(200, 242, 48, .18) 66%, transparent),
    url("../img/stl-hero/energizer-park-stl.jpg") right center / min(44rem, 52vw) auto no-repeat;
  opacity: .44;
  mix-blend-mode: screen;
}

body.mf-system-page main#main-content > section.stl-section:first-child > .stl-container {
  width: min(100% - 1rem, 84rem) !important;
  max-width: min(100% - 1rem, 84rem) !important;
}

body.mf-system-page main#main-content > section.stl-section:first-child .stl-section-header-row {
  margin-bottom: .75rem !important;
  padding-bottom: .55rem !important;
  border-bottom: 1px solid rgba(255, 213, 76, .28) !important;
}

body.mf-system-page main#main-content > section.stl-section:first-child .stl-subheading {
  max-width: none !important;
  font-size: clamp(1.35rem, 2.1vw, 2.15rem) !important;
  line-height: 1.06 !important;
}

body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .65rem !important;
}

body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card {
  --mf-submit-lane: #8fd8ff;
  --mf-submit-bg: url("../brand-v2/backgrounds/mf-background-16x9.png");
  position: relative !important;
  min-height: 10.35rem !important;
  padding: .82rem !important;
  overflow: hidden !important;
  cursor: pointer;
  border: 1px solid color-mix(in srgb, var(--mf-submit-lane) 54%, rgba(255, 255, 255, .12)) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--mf-submit-lane) 20%, rgba(4, 14, 18, .92)), rgba(4, 13, 18, .88)),
    var(--mf-submit-bg) center / cover no-repeat !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), inset 4px 0 0 color-mix(in srgb, var(--mf-submit-lane) 78%, transparent) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card:nth-child(1) {
  --mf-submit-lane: #ffd54c;
  --mf-submit-bg: url("../img/stl-hero/energizer-park-stl.jpg");
}

body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card:nth-child(2) {
  --mf-submit-lane: #c8f230;
  --mf-submit-bg: url("../img/stl-hero/youth-soccer-field.jpg");
}

body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card:nth-child(3) {
  --mf-submit-lane: #8fd8ff;
  --mf-submit-bg: url("../brand-v2/backgrounds/mf-background-16x9.png");
}

body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card:nth-child(4) {
  --mf-submit-lane: #ff3b7f;
  --mf-submit-bg: url("../img/stl-hero/energizer-park-stl.jpg");
}

body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .74), rgba(0, 0, 0, .22)),
    linear-gradient(135deg, color-mix(in srgb, var(--mf-submit-lane) 25%, transparent), transparent 58%);
  pointer-events: none;
}

body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card::after {
  content: "Choose lane";
  position: absolute;
  right: .72rem;
  bottom: .72rem;
  z-index: 2;
  padding: .32rem .55rem;
  border: 1px solid color-mix(in srgb, var(--mf-submit-lane) 58%, rgba(255, 255, 255, .15));
  border-radius: 999px;
  background: rgba(2, 10, 12, .72);
  color: color-mix(in srgb, var(--mf-submit-lane) 88%, white);
  font: 800 .58rem/1 var(--font-display, inherit);
}

body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card:hover,
body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card:focus-visible,
body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card.is-selected {
  transform: translateY(-3px) !important;
  border-color: var(--mf-submit-lane) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 4px 0 0 var(--mf-submit-lane), 0 18px 34px rgba(0, 0, 0, .35) !important;
}

body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card.is-selected::after {
  content: "Selected";
  background: var(--mf-submit-lane);
  color: #051010;
}

body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card__body {
  position: relative;
  z-index: 1;
  display: grid !important;
  gap: .45rem !important;
  min-height: 100% !important;
  padding: 0 !important;
  align-content: start !important;
}

body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card .stl-eyebrow {
  color: var(--mf-submit-lane) !important;
  font-size: .58rem !important;
}

body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card h3 {
  max-width: 16rem !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(.9rem, 1.05vw, 1.08rem) !important;
  line-height: 1.14 !important;
}

body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card p {
  max-width: 17.5rem !important;
  margin: 0 !important;
  color: rgba(235, 244, 255, .78) !important;
  font-size: .74rem !important;
  line-height: 1.42 !important;
}

body.mf-system-page main#main-content > section.stl-section:first-child .mf-submit-lane-card__action {
  width: fit-content;
  margin-top: .08rem;
  padding: .28rem .52rem;
  border: 1px solid color-mix(in srgb, var(--mf-submit-lane) 48%, rgba(255, 255, 255, .16));
  border-radius: 999px;
  background: rgba(2, 10, 12, .68);
  color: #fff;
  font-size: .62rem;
  font-weight: 800;
}

@media (max-width: 980px) {
  body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.mf-system-page main#main-content > section.stl-section:first-child {
    padding: .95rem 0 1.15rem !important;
  }

  body.mf-system-page main#main-content > section.stl-section:first-child::before {
    background-size: 25rem auto;
    background-position: right -10rem center;
  }

  body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card {
    min-height: 7.35rem !important;
    padding: .68rem !important;
  }

  body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card::after {
    position: static;
    justify-self: start;
    margin-top: .2rem;
  }

  body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card h3 {
    max-width: 100% !important;
    font-size: .88rem !important;
  }

  body.mf-system-page main#main-content > section.stl-section:first-child .mf-home-spotlight-card p {
    max-width: 100% !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: .68rem !important;
  }

  body.mf-system-page main#main-content > section.stl-section:first-child .mf-submit-lane-card__action {
    display: none;
  }
}