/* MoFutbol live launch layer: scoped polish without changing the brand system. */
:root {
  --mf-launch-gutter: clamp(16px, 3vw, 34px);
  --mf-launch-section: clamp(32px, 5vw, 72px);
  --mf-launch-max: 1240px;
}

/* STL hub hero compact pass: keep the same content, reduce the dead vertical weight. */
body.stl-soccer-hub-page main#main-content > .mf-daily-hero {
  min-height: 0 !important;
  padding: calc(var(--nav-height, 64px) + .42rem) 0 .48rem !important;
  align-items: flex-start !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-grid,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-grid {
  width: min(100% - 1.25rem, 1210px) !important;
  gap: .46rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-copy,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead {
  gap: .38rem !important;
  padding: .56rem !important;
  border-radius: 10px !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-kicker {
  gap: .32rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-kicker span,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-kicker strong {
  min-height: 24px !important;
  padding: .24rem .42rem !important;
  font-size: .58rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hero-title-streamlined,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead h1 {
  max-width: 24ch !important;
  font-size: clamp(1.55rem, 2.18vw, 2.08rem) !important;
  line-height: .98 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-copy > p,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead > p {
  max-width: 64ch !important;
  font-size: .82rem !important;
  line-height: 1.28 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-actions,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-actions {
  gap: .34rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-actions .stl-btn,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-actions .stl-btn {
  min-height: 38px !important;
  padding: .48rem .72rem !important;
  font-size: .68rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks {
  gap: .34rem !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks a {
  min-height: 38px !important;
  padding: .42rem .5rem !important;
  font-size: .62rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer {
  margin-top: .18rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl {
  padding: .46rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head {
  gap: .32rem !important;
  margin-bottom: .36rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head h2 {
  font-size: clamp(.92rem, 1.45vw, 1.18rem) !important;
  line-height: 1.05 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__grid {
  gap: .3rem !important;
  margin-top: .34rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card {
  min-height: 4.05rem !important;
  padding: .38rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card strong {
  font-size: .72rem !important;
  line-height: 1.12 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card small {
  font-size: .65rem !important;
  line-height: 1.15 !important;
}

@media (max-width: 760px) {
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero {
    padding: calc(var(--nav-height, 64px) + .35rem) 0 .42rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-copy,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead {
    padding: .52rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hero-title-streamlined,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead h1 {
    max-width: 22ch !important;
    font-size: clamp(1.35rem, 6.4vw, 1.78rem) !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__grid {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-07 release polish: article media, focused hero, unified header, and Match Center */
body.mf-article-page .mf-article-main-img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  object-fit: cover !important;
  border: 1px solid rgba(245, 200, 66, .18) !important;
  border-radius: 1rem !important;
  background: #08110c url("/assets/brand-v2/backgrounds/mf-background-16x9.png") center / cover no-repeat !important;
}

body.mf-article-page .mf-article-sidebar {
  gap: 1rem !important;
  padding: 1rem !important;
}

body.mf-article-page .mf-article-sidebar :where(p, dd, a, small) {
  font-size: .82rem !important;
  line-height: 1.5 !important;
}

body.mf-article-page .mf-article-sidebar h3 {
  font-size: 1.05rem !important;
  line-height: 1.25 !important;
}

body.mf-article-page .mf-article-sidebar > a {
  min-height: 44px !important;
  padding: .7rem .75rem !important;
}

@media (min-width: 900px) {
  body.mf-system-home .mf-v22-hero--single-focus {
    min-height: 0 !important;
    padding-block: 1.25rem !important;
  }

  body.mf-system-home .mf-v22-hero--single-focus .mf-v22-hero__grid {
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mf-system-home .mf-v22-hero--single-focus .mf-v22-hero__copy {
    display: grid !important;
    width: 100% !important;
    max-width: 70rem !important;
    min-height: 0 !important;
    margin-inline: auto !important;
    padding: clamp(1rem, 2.2vw, 1.75rem) !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(18rem, .92fr) !important;
    grid-template-areas:
      "kicker kicker"
      "title now"
      "lede now"
      "actions now"
      "explore explore" !important;
    gap: .7rem 1.4rem !important;
  }

  body.mf-system-home .mf-v22-hero-kicker { grid-area: kicker !important; }
  body.mf-system-home .mf-v22-hero__copy > h1 { grid-area: title !important; max-width: 15ch !important; }
  body.mf-system-home .mf-v22-hero__lede { grid-area: lede !important; max-width: 42rem !important; }
  body.mf-system-home .mf-v22-actions { grid-area: actions !important; }
  body.mf-system-home .mf-v22-now-line { grid-area: now !important; align-self: stretch !important; }
  body.mf-system-home .mf-v22-hero-explore { grid-area: explore !important; }
}

@media (min-width: 1181px) {
  body.mf-page-shell .site-nav__menu-button,
  body.mf-home-taste .site-nav__menu-button {
    display: none !important;
  }
}

body.mf-match-center-page .mf-polish-start-target::before,
body.mf-match-center-page .mf-polish-start-target::after {
  display: none !important;
}

body.mf-match-center-page main > .mf-v44-strip {
  display: none !important;
}

body.mf-match-center-page .mf-matchday-consolidated .mf-matchday-hero {
  gap: .85rem !important;
}

body.mf-match-center-page .mf-matchday-consolidated .mf-matchday-secondary {
  border: 1px solid rgba(245, 200, 66, .16);
  border-radius: .85rem;
  background: rgba(255, 255, 255, .025);
}

body.mf-match-center-page .mf-matchday-consolidated .mf-matchday-secondary > summary {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: .7rem .85rem;
  color: #f5c842;
  font: 800 .72rem/1.25 "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: .045em;
  text-transform: uppercase;
}

body.mf-match-center-page .mf-matchday-consolidated .mf-matchday-secondary[open] > summary {
  border-bottom: 1px solid rgba(245, 200, 66, .14);
}

body.mf-match-center-page .mf-matchday-consolidated .mf-matchday-secondary > :not(summary) {
  margin: .75rem !important;
}

.mf-score-ribbon {
  grid-template-columns: auto minmax(0, 1fr) auto auto !important;
}

.mf-score-ribbon__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  min-height: 44px;
  padding: .35rem .55rem;
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, .1);
  background: #0a130e;
  color: #f5c842;
  font: 800 .62rem/1 "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
}

.mf-score-ribbon.is-paused .mf-score-ribbon__track {
  animation-play-state: paused !important;
}

@media (prefers-reduced-motion: reduce) {
  .mf-score-ribbon__track,
  .mf-matchday-pulse::after {
    animation: none !important;
    transform: none !important;
  }
}

/* Desktop release gate: expand pointer/focus hit boxes without enlarging the
   footer's compact icon and type treatment. */
@media (min-width: 821px) {
  html body .site-footer .site-socials > a {
    box-sizing: border-box !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 8px !important;
  }

  html body .site-footer__nav a,
  html body .site-footer__bottom a {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    padding-block: 10px !important;
  }
}

@media (max-width: 860px) {
  body.mf-page-shell :where(a[href], button, input, select, textarea, summary, [role="button"]):not(.mf-article-copy a),
  body.mf-home-taste :where(a[href], button, input, select, textarea, summary, [role="button"]):not(.mf-article-copy a) {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  .mf-score-ribbon__toggle {
    min-width: 44px;
    width: 44px;
    padding: .25rem;
    font-size: .56rem;
  }
}

@media (min-width: 761px) {
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card {
    height: 3.55rem !important;
    max-height: 3.55rem !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card strong,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card small {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card strong {
    -webkit-line-clamp: 1;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card small {
    -webkit-line-clamp: 1;
  }
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}

body {
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}

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

img {
  height: auto;
}

body.mf-page-shell img[hidden],
body.mf-page-shell figure[hidden],
body.mf-page-shell img[data-mf-broken-image="true"],
body.mf-page-shell .mf-media-missing {
  display: none !important;
}

body.mf-page-shell .mf-has-missing-media {
  min-height: auto !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-shell {
  align-items: start !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-video.mf-has-missing-media a {
  display: grid !important;
  grid-template-rows: auto !important;
  align-content: start !important;
  min-height: 0 !important;
  padding: 0.85rem !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-video.mf-has-missing-media .mf-discovery-video__body {
  padding: 0 !important;
}

body.mf-system-home #home-content-discovery .mf-discovery-video.mf-has-missing-media .mf-discovery-video__body::before {
  content: "Official video";
  display: inline-flex;
  width: max-content;
  margin-bottom: 0.4rem;
  border-radius: 999px;
  background: rgba(245, 200, 66, 0.16);
  color: var(--accent, #f5c842);
  padding: 0.28rem 0.48rem;
  font: 800 0.62rem/1 var(--f-mono, ui-monospace, monospace);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.mf-system-home #home-content-discovery img[data-mf-fallback-active="true"] {
  object-fit: contain !important;
  padding: clamp(.35rem, 1.2vw, .8rem) !important;
  background:
    radial-gradient(circle at 35% 35%, rgba(245, 200, 66, .2), transparent 42%),
    linear-gradient(135deg, rgba(9, 18, 13, .98), rgba(7, 41, 25, .82)) !important;
}

a[target="_blank"] {
  text-underline-offset: 0.18em;
}

.mf-skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 10000;
  transform: translateY(-160%);
  border: 1px solid var(--accent, #f5c842);
  border-radius: 6px;
  background: var(--surface, #09130d);
  color: var(--text, #f7f4e8);
  padding: 10px 12px;
  font: 800 0.78rem/1 var(--f-mono, ui-monospace, monospace);
  letter-spacing: 0;
  text-decoration: none;
}

.mf-skip-link:focus {
  transform: translateY(0);
  outline: 2px solid var(--accent, #f5c842);
  outline-offset: 2px;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--accent, #f5c842);
  outline-offset: 3px;
}

main :where(.container, .site-container, .stl-container, .mf-container, .content-wrap, .page-shell, .api-shell) {
  width: min(100% - (var(--mf-launch-gutter) * 2), var(--mf-launch-max));
  margin-inline: auto;
}

main :where(.stl-section, .mf-section, .site-section, .section) {
  margin-block: var(--mf-launch-section);
}

:where(.stl-section-header-row, .mf-block-head, .section-header, .site-section-header) {
  gap: clamp(14px, 2.4vw, 28px);
}

:where(.stl-grid, .mf-grid, .cards-grid, .story-grid, .media-grid, .api-grid) {
  gap: clamp(14px, 2vw, 24px);
}

:where(.story-card, .mf-media-card, .api-card, .stl-card, .club-card, .fixture-card) {
  min-width: 0;
}

:where(.story-card-title, .mf-media-card__title, .stl-subheading, .stl-heading, h1, h2, h3) {
  overflow-wrap: anywhere;
}

:where(.story-card-desc, .mf-media-card__copy, .stl-muted, p) {
  max-width: 78ch;
}

:where(.mf-chip-row, .mf-front-actions, .stl-actions, .api-actions) {
  gap: 10px;
}

:where(.mf-chip-row a, .mf-front-actions a, .stl-actions a, .api-actions a, .btn, .stl-btn) {
  min-height: 40px;
  align-items: center;
  justify-content: center;
  white-space: normal;
}

:where(.mf-mini-logo-fallback, .mf-matchup-logo-fallback, .usoc-team-badge, .story-card-thumb-placeholder) {
  display: none !important;
}

table {
  width: 100%;
}

:where(.table-wrap, .api-card, .mf-table-shell) {
  overflow-x: auto;
}

@media (max-width: 760px) {
  :root {
    --mf-launch-gutter: 16px;
    --mf-launch-section: 34px;
  }

  main :where(.container, .site-container, .stl-container, .mf-container, .content-wrap, .page-shell, .api-shell) {
    width: min(100% - 28px, var(--mf-launch-max));
  }

  :where(.stl-section-header-row, .mf-block-head, .api-top) {
    align-items: start;
  }

  :where(.mf-front-actions, .stl-actions, .api-actions) {
    width: 100%;
  }

  :where(.mf-front-actions a, .stl-actions a, .api-actions a, .btn, .stl-btn) {
    max-width: 100%;
  }
}

/* Stage 2 UI/UX pass: production refinement, no rebrand. */
:root {
  --mf-stage2-max: 1320px;
  --mf-stage2-wide: 1400px;
  --mf-stage2-line: rgba(245, 200, 66, 0.18);
  --mf-stage2-line-soft: rgba(255, 255, 255, 0.075);
  --mf-stage2-panel: rgba(5, 12, 8, 0.9);
  --mf-stage2-panel-strong: rgba(8, 18, 12, 0.96);
  --mf-stage2-muted: rgba(240, 246, 238, 0.74);
  --mf-stage2-radius: 8px;
  --mf-stage2-pad: clamp(0.9rem, 1.6vw, 1.35rem);
}

.site-header__inner,
.site-footer__inner,
.site-footer__bottom,
body.mf-page-shell :where(.site-container, .stl-container, .container, .mf-container, .mf-shell-container, .mf-page-container) {
  width: min(100% - (var(--mf-launch-gutter) * 2), var(--mf-stage2-max));
  max-width: var(--mf-stage2-max);
  margin-inline: auto;
}

body.mf-page-shell :where(.mf-media-studio, .mf-daily-home, .mc-main, main) {
  min-width: 0;
}

body.mf-page-shell :where(main > section:not(.mf-daily-hero):not(.mf-editorial-hero):not(.mf-player-directory-hero):not(.mf-unified-hero):not(.hero):not(.page-hero), .stl-section, .mf-daily-section, .mf-section, .mf-world-section, .mf-editorial-section) {
  margin-block: 0;
  padding-block: clamp(2rem, 4vw, 4rem);
}

body.mf-page-shell :where(.stl-section, .mf-daily-section, .mf-section, .mf-world-section, .mf-editorial-section) + :where(.stl-section, .mf-daily-section, .mf-section, .mf-world-section, .mf-editorial-section) {
  border-top: 1px solid var(--mf-stage2-line-soft);
}

body.mf-page-shell :where(.stl-section--alt, .mf-section--alt, .mf-daily-section--alt) {
  border-block: 1px solid var(--mf-stage2-line);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0.006));
}

body.mf-page-shell:not(.mf-system-home) :where(.mf-daily-hero, .mf-editorial-hero, .mf-player-directory-hero, .mf-unified-hero, .mf-world-hero, .mf-africa-hero, .stl-city-hero, .stl-local-hero, .hero, .page-hero, .us-hero, .league-hero, .hs-hero, .hscl-hero-bg, .yp-hero, .mf-contact-hero, .mf-simple-page-hero) {
  min-height: auto !important;
  padding-block: clamp(2.35rem, 5vw, 4.8rem) !important;
}

body.mf-page-shell :where(.mf-home-hero-grid, .mf-daily-grid, .mf-editorial-hero__grid, .mf-polish-hero__grid, .mf-unified-hero-grid, .mf-player-directory-hero-grid, .mf-africa-hero-grid, .mf-world-hero .stl-container, .stl-city-layout, .stl-local-hero__grid) {
  gap: clamp(1rem, 2.7vw, 2rem);
  align-items: center;
}

body.mf-page-shell:not(.mf-system-home) :where(.mf-editorial-hero, .mf-player-directory-hero, .mf-unified-hero, .mf-world-hero, .mf-africa-hero, .stl-city-hero, .stl-local-hero, .hero, .page-hero, .us-hero, .league-hero, .hs-hero, .hscl-hero-bg, .yp-hero, .mf-contact-hero, .mf-simple-page-hero) :where(h1, .stl-heading, .mf-unified-hero-title) {
  max-width: 17ch;
  margin-block: 0.45rem 0.75rem;
  font-size: clamp(2rem, 4.2vw, 4.35rem) !important;
  line-height: 0.98 !important;
  letter-spacing: 0;
  text-wrap: balance;
}

body.mf-page-shell :where(.stl-subheading, .section-title, .mf-section-title, .mf-card-title, h2, h3) {
  text-wrap: balance;
}

body.mf-page-shell :where(.stl-section-header-row, .section-header, .mf-block-head, .mc-section-head, .mf-schedule-board__head, .mf-matchday-topline) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: clamp(0.85rem, 2vw, 1.35rem);
  margin-bottom: clamp(1rem, 2.4vw, 1.6rem);
  padding-bottom: clamp(0.55rem, 1.1vw, 0.85rem);
  border-bottom: 1px solid var(--mf-stage2-line);
}

body.mf-page-shell :where(.stl-section-header-row, .section-header, .mf-block-head, .mc-section-head) > div:first-child {
  min-width: 0;
}

body.mf-page-shell :where(.stl-section-header-row .stl-subheading, .section-header h2, .mf-block-head h2, .mc-section-head h2) {
  max-width: 24ch;
  margin-bottom: 0.35rem;
  line-height: 1.04;
}

body.mf-page-shell :where(.mf-section-intro, .stl-section-header-row p, .section-header p, .mf-block-head p, .mc-section-head p) {
  max-width: 66ch;
  margin-bottom: 0;
  color: var(--mf-stage2-muted);
  line-height: 1.5;
}

body.mf-page-shell :where(.stl-grid, .mf-grid, .cards-grid, .story-grid, .media-grid, .api-grid, .mf-card-grid, .mf-media-card-grid, .mf-link-grid, .mf-route-grid, .mf-command-grid, .mf-home-product-grid, .mf-pathway-grid, .mf-matchday-card-grid, .mf-matchday-modules, .mc-stl-feed-grid, .mc-notes, .mc-live-stats, .mc-board-pulse, .site-sponsor-stack) {
  gap: clamp(0.85rem, 1.8vw, 1.35rem);
}

body.mf-page-shell :where(.mf-surface-card, .mf-info-card, .mf-link-tile, .mf-route-card, .mf-hub-card, .mf-proof-card, .stl-community-card, .resource-card, .spotlight-card, .story-card, .article-card, .mf-media-card, .mf-wire-card, .mf-world-card, .mf-platform-card, .platform-pill, .mf-home-command-card, .mf-pathway-preview, .mf-pathway-note, .mf-pathway-card, .mf-daily-tab-panel, .mf-daily-card, .mf-matchday-summary-card, .mf-matchday-feature, .mf-matchday-module, .mf-matchday-card, .mf-matchday-toolbar, .mf-match-feature-card, .mf-match-tile, .mc-panel, .mc-club, .mc-note, .mc-live-stat, .mc-stl-feed-panel, .site-newsletter-shell, .site-sponsor-card, .site-sponsor-cta, .site-sponsor-wall, .api-card) {
  min-width: 0;
  border-color: var(--mf-stage2-line) !important;
  border-radius: var(--mf-stage2-radius) !important;
  background-color: var(--mf-stage2-panel);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
}

body.mf-page-shell :where(.mf-surface-card, .mf-info-card, .mf-link-tile, .mf-route-card, .mf-hub-card, .mf-proof-card, .stl-community-card, .resource-card, .spotlight-card, .story-card, .article-card, .mf-media-card, .mf-wire-card, .mf-world-card, .mf-home-command-card, .mf-pathway-preview, .mf-pathway-note, .mf-daily-tab-panel, .mf-daily-card, .mf-matchday-summary-card, .mf-matchday-feature, .mf-matchday-module, .mf-matchday-card, .mf-matchday-toolbar, .mf-match-feature-card, .mf-match-tile, .mc-panel, .mc-club, .mc-note, .mc-live-stat, .mc-stl-feed-panel, .site-newsletter-shell, .api-card) {
  padding: var(--mf-stage2-pad);
}

body.mf-page-shell :where(.mf-surface-card, .mf-info-card, .mf-link-tile, .mf-route-card, .mf-hub-card, .mf-proof-card, .stl-community-card, .resource-card, .spotlight-card, .story-card, .article-card, .mf-media-card, .mf-wire-card, .mf-world-card, .mf-home-command-card, .mf-pathway-card, .mf-matchday-card, .mf-match-feature-card, .mf-match-tile, .mc-panel):hover {
  border-color: rgba(245, 200, 66, 0.28) !important;
}

body.mf-page-shell :where(.mf-media-card__thumb, .mf-media-card__image, .mf-article-lane__media, .story-card-thumb, .story-card__media, .mf-wire-card__image, .mf-growth-card__media, .mf-player-route-card__media, .mf-platform-card__media, .mf-front-media:not(.mf-front-media--logo)) {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--mf-stage2-radius);
  background: rgba(255, 255, 255, 0.025);
}

body.mf-page-shell :where(.mf-media-card__thumb, .mf-media-card__image, .mf-article-lane__media, .story-card-thumb, .story-card__media, .mf-wire-card__image, .mf-growth-card__media, .mf-player-route-card__media, .mf-platform-card__media, .mf-front-media:not(.mf-front-media--logo)) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.mf-page-shell :where(.site-brand__name, .stl-heading, .stl-subheading, .mf-unified-hero-title, .mf-hero-title-streamlined, .mf-media-card__title, .story-card-title, .mf-wire-card h3, .mf-info-card h3, .mf-surface-card h3, .mc-section-head h2, .mc-club h3) {
  letter-spacing: 0;
}

body.mf-page-shell :where(.stl-eyebrow, .mf-daily-meta, .mf-media-card__meta, .mf-mini-note, .mf-command-meta, .mf-matchday-status, .mc-club-label, .mc-meta, .mc-badge, .mc-board-kpi span, .site-footer__nav h2, .site-footer__nav h3) {
  line-height: 1.25;
  letter-spacing: 0.09em;
}

body.mf-page-shell :where(.stl-muted, .mf-lede, .mf-media-card__copy, .story-card-desc, .mf-info-card p, .mf-surface-card p, .mc-note p, .mc-live-stat small, .site-footer__copy) {
  color: var(--mf-stage2-muted);
  line-height: 1.52;
}

.site-header {
  border-bottom-color: var(--mf-stage2-line);
  background: color-mix(in srgb, var(--color-bg, #020403) 92%, transparent);
}

.site-header__inner {
  gap: clamp(0.7rem, 1.6vw, 1.25rem);
}

.site-nav__list {
  gap: 0.18rem;
}

.site-nav__link,
.site-nav__toggle,
.site-header__cta,
.site-theme-toggle,
.site-nav__menu-button {
  min-height: 2.35rem;
  border-radius: var(--mf-stage2-radius);
}

.site-nav__link,
.site-nav__toggle {
  padding: 0.58rem 0.72rem;
}

.site-nav__panel {
  border-color: var(--mf-stage2-line);
  border-radius: var(--mf-stage2-radius);
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.36);
}

.site-nav__panel-grid a,
.site-nav__panel-feature,
.site-drawer__section a {
  border-radius: var(--mf-stage2-radius);
}

.site-footer {
  margin-top: clamp(1rem, 3vw, 2.5rem);
  border-top: 1px solid var(--mf-stage2-line);
  background:
    linear-gradient(180deg, rgba(245, 200, 66, 0.045), transparent 7rem),
    rgba(2, 5, 3, 0.98);
}

.site-footer__inner {
  grid-template-columns: minmax(16rem, 1.15fr) repeat(4, minmax(8rem, 0.8fr));
  gap: clamp(1rem, 2vw, 1.6rem);
  padding-block: clamp(1.5rem, 3vw, 2.4rem);
}

.site-footer__brand {
  padding-right: clamp(0rem, 2vw, 1.25rem);
}

.site-footer__nav {
  display: grid;
  gap: 0.55rem;
}

.site-footer__nav ul {
  gap: 0.32rem 0.65rem;
}

.site-footer__nav a {
  display: inline-flex;
  align-items: center;
  min-height: 1.7rem;
  text-decoration: none;
}

.site-footer .site-socials a {
  border-radius: var(--mf-stage2-radius);
}

body.mf-system-match .mf-player-directory-hero .mf-player-hero-crest {
  border-radius: var(--mf-stage2-radius) !important;
  border-color: var(--mf-stage2-line) !important;
}

body.mf-match-center-main .mc-shell {
  width: min(100% - (var(--mf-launch-gutter) * 2), var(--mf-stage2-wide));
  margin-inline: auto;
  display: grid;
  gap: clamp(1.25rem, 2.4vw, 2rem);
}

body.mf-match-center-main .mc-main :where(.mf-matchday-desk, .mc-last-wrap, .mc-stl-feed, .mc-expansion, #all-leagues) {
  scroll-margin-top: 6rem;
}

body.mf-match-center-main :where(.mc-last-grid, .mc-stl-feed-grid) {
  gap: clamp(0.85rem, 2vw, 1.35rem);
}

body.mf-match-center-main .mc-last-grid {
  align-items: stretch;
}

body.mf-match-center-main :where(.mc-club, .mc-scorebox, .mc-note, .mc-live-stat, .mc-stl-feed-panel) {
  min-width: 0;
}

body.mf-match-center-main .mc-club-crest.is-missing-logo:empty {
  display: none !important;
}

body.mf-match-center-main .mc-date-tabs {
  position: sticky;
  top: 4.5rem;
  z-index: 12;
  margin-inline: calc(var(--mf-stage2-pad) * -1);
  padding: 0.5rem var(--mf-stage2-pad);
  overflow-x: auto;
  border-block: 1px solid var(--mf-stage2-line-soft);
  background: rgba(3, 8, 5, 0.94);
  scrollbar-width: thin;
}

body.mf-match-center-main :where(.mc-date-tabs button, .mf-matchday-tabs button, .mf-matchday-filter-row button, .mf-daily-tabs button) {
  min-height: 2.35rem;
  border-radius: var(--mf-stage2-radius);
}

body.mf-match-center-main :where(.mc-score-actions, .mc-note-actions, .mf-matchday-feature-row, .mf-matchday-controls, .mf-matchday-tabs, .mf-matchday-filter-row) {
  gap: 0.55rem;
}

body.mf-media-page :where(.mf-media-player-grid, .mf-media-platform-grid, .mf-media-card-grid, .mf-media-sponsor-break) {
  gap: clamp(0.9rem, 2vw, 1.35rem);
}

body.mf-media-page .mf-media-player-grid {
  align-items: start;
}

body.mf-media-page :where(.mf-media-audio-station, .mf-media-feed-panel, .mf-media-feature-video, .mf-media-spotify-card) {
  border-radius: var(--mf-stage2-radius) !important;
  border-color: var(--mf-stage2-line) !important;
}

body.mf-media-page .mf-media-hero-video__frame {
  border-radius: var(--mf-stage2-radius);
}

body.mf-system-home :where(#home-content-discovery, #home-stl-soccer, #home-player-tracker, #home-match-center) {
  border-top-color: var(--mf-stage2-line-soft);
}

body.mf-system-home .mf-home-hero-feed .mf-board-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
}

body.mf-system-home .mf-home-feed-list a {
  display: grid !important;
  gap: 0.3rem;
  align-content: start;
  min-width: 0;
}

body.mf-system-home .mf-home-feed-list a :where(span, strong, small) {
  display: block;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.mf-system-home .mf-home-feed-list a strong {
  line-height: 1.18;
}

body.mf-system-home .mf-home-feed-list a small {
  color: var(--mf-stage2-muted);
  line-height: 1.35;
}

body.mf-system-home #home-match-center {
  order: 2;
}

body.mf-system-home #home-stl-soccer {
  order: 3;
}

body.mf-system-home #home-player-tracker {
  order: 4;
}

body.mf-system-home #home-partners {
  order: 5;
}

@media (min-width: 1180px) {
  body.mf-page-shell :where(.mf-media-studio .stl-container, .mf-matchday-desk .stl-container, .mc-shell, .mf-daily-home .stl-container) {
    max-width: var(--mf-stage2-wide);
  }

  body.mf-page-shell :where(.mf-card-grid, .mf-media-card-grid, .cards-grid, .story-grid) {
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  }
}

@media (max-width: 1120px) {
  .site-brand__tag {
    display: none;
  }

  .site-nav__link,
  .site-nav__toggle {
    padding-inline: 0.58rem;
  }

  .site-footer__inner {
    grid-template-columns: minmax(0, 1fr) repeat(2, minmax(10rem, 1fr));
  }
}

@media (max-width: 860px) {
  .site-nav__list {
    display: none !important;
  }

  .site-nav__menu-button {
    display: inline-flex !important;
  }

  .site-header__cta--contributor,
  .site-theme-toggle {
    display: none !important;
  }

  body.mf-page-shell :where(.stl-section-header-row, .section-header, .mf-block-head, .mc-section-head, .mf-schedule-board__head, .mf-matchday-topline) {
    grid-template-columns: 1fr;
    align-items: start;
  }

  body.mf-page-shell :where(.stl-section-header-row > .stl-btn, .section-header > .stl-btn, .mf-block-head > .stl-btn, .mc-section-head > .stl-btn) {
    justify-self: start;
  }

  body.mf-match-center-main .mc-date-tabs {
    top: 3.75rem;
  }

  .site-footer__inner {
    grid-template-columns: 1fr;
  }

  .site-footer__nav ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .site-header__inner {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 0.5rem !important;
  }

  .site-brand {
    min-width: 0 !important;
  }

  .site-brand__name {
    font-size: 1rem !important;
    max-width: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .site-header__cta--media {
    display: none !important;
  }

  .site-header__actions {
    flex: 0 0 auto !important;
    gap: 0.35rem !important;
  }

  .site-nav__menu-button {
    flex: 0 0 2.65rem !important;
    width: 2.65rem !important;
    padding-inline: 0 !important;
  }
}

@media (max-width: 760px) {
  :root {
    --mf-stage2-pad: 0.85rem;
  }

  .site-header__inner,
  .site-footer__inner,
  .site-footer__bottom,
  body.mf-page-shell :where(.site-container, .stl-container, .container, .mf-container, .mf-shell-container, .mf-page-container),
  body.mf-match-center-main .mc-shell {
    width: min(100% - 1rem, 100vw - 1rem);
  }

  body.mf-page-shell :where(main > section:not(.mf-daily-hero):not(.mf-editorial-hero):not(.mf-player-directory-hero):not(.mf-unified-hero):not(.hero):not(.page-hero), .stl-section, .mf-daily-section, .mf-section, .mf-world-section, .mf-editorial-section) {
    padding-block: clamp(1.55rem, 7vw, 2.35rem);
  }

  body.mf-page-shell:not(.mf-system-home) :where(.mf-daily-hero, .mf-editorial-hero, .mf-player-directory-hero, .mf-unified-hero, .mf-world-hero, .mf-africa-hero, .stl-city-hero, .stl-local-hero, .hero, .page-hero, .us-hero, .league-hero, .hs-hero, .hscl-hero-bg, .yp-hero, .mf-contact-hero, .mf-simple-page-hero) {
    padding-block: 1.65rem !important;
  }

  body.mf-page-shell:not(.mf-system-home) :where(.mf-editorial-hero, .mf-player-directory-hero, .mf-unified-hero, .mf-world-hero, .mf-africa-hero, .stl-city-hero, .stl-local-hero, .hero, .page-hero, .us-hero, .league-hero, .hs-hero, .hscl-hero-bg, .yp-hero, .mf-contact-hero, .mf-simple-page-hero) :where(h1, .stl-heading, .mf-unified-hero-title) {
    max-width: 14ch;
    font-size: clamp(2rem, 11vw, 3.2rem) !important;
  }

  body.mf-page-shell :where(.stl-btn, .site-button, .mc-action, .mc-note-actions a, .mf-matchday-tabs button, .mf-matchday-filter-row button, .mf-daily-tabs button) {
    min-height: 2.55rem;
  }

  body.mf-page-shell :where(.mf-page-actions, .mf-home-hero-actions, .mf-daily-actions, .hero-ctas, .stl-actions, .mc-score-actions, .mc-note-actions, .site-newsletter-form) {
    align-items: stretch;
  }

  body.mf-page-shell :where(.mf-page-actions > *, .mf-home-hero-actions > *, .mf-daily-actions > *, .hero-ctas > *, .stl-actions > *, .mc-score-actions > *, .mc-note-actions > *, .site-newsletter-form > button) {
    width: 100%;
  }

  body.mf-match-center-main :where(.mc-last-grid, .mc-stl-feed-grid, .mc-notes, .mc-live-stats, .mc-board-pulse, .mf-matchday-summary, .mf-matchday-card-grid, .mf-matchday-modules) {
    grid-template-columns: 1fr !important;
  }

  body.mf-match-center-main .mc-scorebox {
    order: -1;
  }

  body.mf-media-page .mf-media-platform-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mf-media-page .mf-media-player-grid {
    grid-template-columns: 1fr !important;
  }

  .site-footer__nav ul {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mf-page-shell *,
  body.mf-page-shell *::before,
  body.mf-page-shell *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}

/* CAF final compact layer: loaded after generated guardrails. */
body.mf-page-shell.mf-caf-page main .mf-command-center--africa .mf-command-grid--africa {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(12.2rem, 14rem) !important;
  grid-template-columns: none !important;
  grid-template-rows: repeat(2, minmax(0, auto)) !important;
  gap: .42rem !important;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 0 0 .22rem !important;
  scrollbar-width: thin;
}

body.mf-page-shell.mf-caf-page main .mf-command-center--africa {
  max-height: none !important;
  overflow: visible !important;
}

body.mf-page-shell.mf-caf-page main .mf-command-center--africa .mf-command-shell {
  padding: .68rem !important;
  overflow: hidden !important;
}

body.mf-page-shell.mf-caf-page main .mf-command-card--africa-player {
  min-height: 0 !important;
  padding: .48rem !important;
  gap: .26rem !important;
}

body.mf-page-shell.mf-caf-page main .mf-command-card--africa-player small {
  -webkit-line-clamp: 1 !important;
}

body.mf-page-shell.mf-caf-page main .mf-africa-player-card__actions {
  min-height: 0 !important;
}

body.mf-page-shell.mf-caf-page main .mf-africa-player-card__actions a {
  min-height: 1.55rem !important;
  padding: .22rem .4rem !important;
  font-size: .6rem !important;
}

body.mf-page-shell.mf-caf-page main :where(.mf-caf-competition-grid, .mf-caf-pathway-grid, .mf-caf-zone-grid, .mf-caf-history-grid, .mf-caf-news-grid) {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(13.5rem, 16rem) !important;
  grid-template-columns: none !important;
  gap: .54rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-bottom: .22rem !important;
  scrollbar-width: thin;
}

body.mf-page-shell.mf-caf-page main .mf-caf-competition-card {
  min-height: 0 !important;
  max-height: none !important;
  padding: .58rem !important;
  gap: .42rem !important;
  overflow: hidden !important;
}

body.mf-page-shell.mf-caf-page main .mf-caf-logo-strip,
body.mf-page-shell.mf-caf-page main .mf-caf-country-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .28rem !important;
  min-height: 0 !important;
}

body.mf-page-shell.mf-caf-page main :where(.mf-caf-comp-mark, .mf-caf-country-tile) {
  display: inline-flex !important;
  align-items: center !important;
  gap: .24rem !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 0 !important;
  padding: .2rem .34rem !important;
  border: 1px solid rgba(245, 200, 66, .16);
  border-radius: 999px;
  background: rgba(0, 0, 0, .18);
  font-size: .66rem !important;
  line-height: 1 !important;
}

body.mf-page-shell.mf-caf-page main :where(.mf-caf-country-tile img, .mf-caf-flag-pill img, .mf-caf-award-pill img) {
  display: inline-block !important;
  width: 1rem !important;
  height: .68rem !important;
  min-height: 0 !important;
  object-fit: cover !important;
}

body.mf-page-shell.mf-caf-page main :where(.mf-caf-card-copy, .mf-caf-news-card p, .mf-caf-pathway-card p, .mf-caf-zone-card p, .mf-caf-history-card p) {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.mf-page-shell.mf-caf-page main #caf-official-players {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players .mf-diaspora-source-shell {
  display: grid !important;
  grid-template-columns: minmax(12rem, .32fr) minmax(0, 1fr) !important;
  gap: .62rem !important;
  align-items: start !important;
  max-height: none !important;
  overflow: visible !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players .mf-diaspora-source-main {
  min-width: 0 !important;
  overflow: hidden !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players .mf-diaspora-map-panel {
  padding: .62rem !important;
  gap: .44rem !important;
  min-height: 0 !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players .mf-diaspora-map-art {
  min-height: 3.15rem !important;
  height: 3.15rem !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players .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;
  scrollbar-width: thin;
}

body.mf-page-shell.mf-caf-page main #caf-official-players #mf-diaspora-official-grid {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-auto-columns: unset !important;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)) !important;
  gap: .54rem !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players #mf-diaspora-official-grid > :where(.mf-diaspora-pro-board, .mf-diaspora-fixture-board, .mf-diaspora-wc-board) {
  grid-column: 1 / -1 !important;
  max-height: none !important;
  overflow: visible !important;
  padding: .58rem !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players :where(.mf-diaspora-pro-grid, .mf-diaspora-fixture-grid) {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(12rem, 13.4rem) !important;
  grid-template-columns: none !important;
  grid-template-rows: repeat(2, minmax(0, auto)) !important;
  gap: .44rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-bottom: .2rem !important;
  scrollbar-width: thin;
}

body.mf-page-shell.mf-caf-page main #caf-official-players :where(.mf-diaspora-pro-card, .mf-diaspora-wc-player) {
  display: grid !important;
  grid-template-columns: 2.8rem minmax(0, 1fr) !important;
  align-items: start !important;
  padding: .46rem !important;
  gap: .4rem !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players .mf-diaspora-official-card {
  display: grid !important;
  grid-template-columns: 3.5rem minmax(0, 1fr) !important;
  align-items: start !important;
  gap: .4rem !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players :where(.mf-diaspora-pro-card__media, .mf-diaspora-wc-player__image) {
  display: block !important;
  width: 2.8rem !important;
  height: 2.8rem !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players .mf-diaspora-official-card__image {
  display: block !important;
  width: 3.5rem !important;
  height: 3.5rem !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players :where(.mf-diaspora-pro-card__media img, .mf-diaspora-wc-player__image img, .mf-diaspora-official-card__image img) {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players :where(.mf-diaspora-pro-card__body, .mf-diaspora-wc-player__body, .mf-diaspora-official-card__body) {
  display: grid !important;
  align-content: start !important;
  gap: .28rem !important;
  padding: .42rem !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players .mf-diaspora-fixture-card {
  display: grid !important;
  align-content: start !important;
  gap: .32rem !important;
  padding: .48rem !important;
  min-height: 0 !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players .mf-diaspora-fixture-card__teams {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .22rem !important;
  line-height: 1 !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players .mf-diaspora-fixture-card__teams span {
  display: inline-flex !important;
  align-items: center !important;
  gap: .18rem !important;
  font-size: .66rem !important;
  line-height: 1 !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players .mf-diaspora-fixture-card__teams img {
  width: 1rem !important;
  height: .68rem !important;
  min-height: 0 !important;
  object-fit: cover !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players :where(.mf-diaspora-pro-card h3, .mf-diaspora-wc-player h3, .mf-diaspora-official-card h3, .mf-diaspora-fixture-card strong) {
  font-size: .86rem !important;
  line-height: 1.08 !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players :where(.mf-diaspora-pro-card p, .mf-diaspora-pro-card small, .mf-diaspora-wc-player p, .mf-diaspora-wc-player small, .mf-diaspora-official-card p, .mf-diaspora-fixture-card p, .mf-diaspora-fixture-card small) {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: .72rem !important;
  line-height: 1.25 !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players .mf-diaspora-pro-card small {
  -webkit-line-clamp: 1;
}

body.mf-page-shell.mf-caf-page main #caf-official-players :where(.stl-btn, .mf-diaspora-pro-card .stl-btn, .mf-diaspora-wc-player .stl-btn, .mf-diaspora-official-card .stl-btn, .mf-diaspora-fixture-card .stl-btn) {
  min-height: 1.55rem !important;
  padding: .22rem .4rem !important;
  font-size: .62rem !important;
}

/* CAF official board hard stop: override older two-column scroll guardrails. */
body.mf-page-shell.mf-caf-page main#main-content > section#caf-official-players.stl-section.mf-diaspora-board.mf-diaspora-board--official {
  contain-intrinsic-size: none !important;
  content-visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

body.mf-page-shell.mf-caf-page main#main-content > section#caf-official-players.stl-section.mf-diaspora-board.mf-diaspora-board--official > .stl-container,
body.mf-page-shell.mf-caf-page main#main-content > section#caf-official-players.stl-section.mf-diaspora-board.mf-diaspora-board--official .mf-diaspora-source-shell,
body.mf-page-shell.mf-caf-page main#main-content > section#caf-official-players.stl-section.mf-diaspora-board.mf-diaspora-board--official .mf-diaspora-source-main {
  height: auto !important;
  max-height: none !important;
  min-width: 0 !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  width: 100% !important;
}

body.mf-page-shell.mf-caf-page main#main-content > section#caf-official-players.stl-section.mf-diaspora-board.mf-diaspora-board--official .mf-diaspora-source-shell {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.mf-page-shell.mf-caf-page main#main-content > section#caf-official-players.stl-section.mf-diaspora-board.mf-diaspora-board--official .mf-diaspora-map-panel {
  display: none !important;
}

body.mf-page-shell.mf-caf-page main#main-content > section#caf-official-players.stl-section.mf-diaspora-board.mf-diaspora-board--official #mf-diaspora-official-grid {
  align-items: start !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  width: 100% !important;
}

body.mf-page-shell.mf-caf-page main#main-content > section#caf-official-players.stl-section.mf-diaspora-board.mf-diaspora-board--official #mf-diaspora-official-grid > :where(.mf-diaspora-pro-board, .mf-diaspora-fixture-board, .mf-diaspora-wc-board) {
  grid-column: auto !important;
}

body.mf-page-shell.mf-caf-page main#main-content > section#caf-official-players.stl-section.mf-diaspora-board.mf-diaspora-board--official #mf-diaspora-official-grid > .mf-diaspora-pro-board {
  grid-column: span 2 !important;
}

body.mf-page-shell.mf-caf-page main#main-content > section#caf-official-players.stl-section.mf-diaspora-board.mf-diaspora-board--official .mf-diaspora-fixture-board {
  display: flex !important;
  gap: .5rem !important;
}

body.mf-page-shell.mf-caf-page main#main-content > section#caf-official-players.stl-section.mf-diaspora-board.mf-diaspora-board--official .mf-diaspora-fixture-board > div {
  flex: 1 1 0 !important;
  grid-column: auto !important;
  min-width: 0 !important;
}

body.mf-page-shell.mf-caf-page main#main-content > section#caf-official-players.stl-section.mf-diaspora-board.mf-diaspora-board--official .mf-diaspora-fixture-grid {
  grid-auto-columns: minmax(10.25rem, 11.25rem) !important;
  width: 100% !important;
}

/* Site-wide compact UX pass: keep public pages in normal flow and reduce scroll drag. */
body.mf-page-shell main :where(
  section,
  .stl-section,
  .mf-section,
  .mf-daily-section,
  .mf-editorial-section,
  .mf-world-section,
  .mf-command-center,
  .mf-afcon-dashboard,
  .mf-afcon-command,
  .mf-diaspora-board,
  .mf-diaspora-source-shell,
  .mf-diaspora-source-main,
  .mf-tracker-links-section,
  .mf-tracker-link-console,
  .mf-tracker-player-media,
  .mf-kit-subnav-wrap,
  .mc-board,
  .mc-panel
) {
  contain-intrinsic-size: none !important;
  content-visibility: visible !important;
}

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

body.mf-page-shell:not(.mf-system-home) main :where(
  .mf-daily-hero,
  .mf-kit-hero,
  .mf-diaspora-hero,
  .mf-afcon-hero,
  .mf-caf-hero,
  .mf-editorial-hero,
  .mf-player-directory-hero,
  .mf-unified-hero,
  .mf-world-hero,
  .mf-africa-hero,
  .stl-city-hero,
  .stl-local-hero,
  .mf-stl-development-hero,
  .hero,
  .page-hero,
  .us-hero,
  .league-hero,
  .hs-hero,
  .yp-hero,
  .mf-contact-hero,
  .mf-simple-page-hero
) {
  min-height: 0 !important;
  padding-block: clamp(1rem, 2vw, 2.2rem) !important;
}

body.mf-page-shell:not(.mf-system-home) main :where(
  .mf-daily-hero,
  .mf-kit-hero,
  .mf-diaspora-hero,
  .mf-afcon-hero,
  .mf-caf-hero,
  .mf-editorial-hero,
  .mf-player-directory-hero,
  .mf-unified-hero,
  .mf-world-hero,
  .mf-africa-hero,
  .stl-city-hero,
  .stl-local-hero,
  .mf-stl-development-hero,
  .hero,
  .page-hero,
  .us-hero,
  .league-hero,
  .hs-hero,
  .yp-hero,
  .mf-contact-hero,
  .mf-simple-page-hero
) :where(h1, .stl-heading, .mf-unified-hero-title, .mf-hero-title-streamlined) {
  font-size: clamp(1.72rem, 3.65vw, 3.35rem) !important;
  line-height: .98 !important;
  max-width: 15ch !important;
}

body.mf-page-shell main :where(
  .stl-section-header-row,
  .section-header,
  .mf-block-head,
  .mc-section-head,
  .mf-section-head,
  .mf-board-top,
  .mf-schedule-board__head,
  .mf-matchday-topline
) {
  margin-bottom: .52rem !important;
  padding-bottom: .42rem !important;
  gap: .52rem !important;
}

body.mf-page-shell main :where(
  .stl-grid,
  .mf-grid,
  .cards-grid,
  .story-grid,
  .media-grid,
  .mf-card-grid,
  .mf-media-card-grid,
  .mf-link-grid,
  .mf-route-grid,
  .mf-command-grid,
  .mf-hub-grid,
  .mf-proof-grid,
  .mf-home-spotlight-grid,
  .mf-pathway-grid,
  .mf-matchday-card-grid,
  .mf-matchday-modules,
  .mc-stl-feed-grid,
  .mc-notes,
  .mc-live-stats,
  .mc-board-pulse,
  .mf-afcon-route-grid,
  .mf-afcon-command__grid,
  .mf-afcon-group-cards,
  .mf-diaspora-official-grid,
  .mf-tracker-link-grid,
  .mf-tracker-player-grid,
  .mf-caf-competition-grid,
  .mf-caf-news-grid
) {
  gap: clamp(.46rem, 1.1vw, .78rem) !important;
}

body.mf-page-shell main :where(
  .mf-surface-card,
  .mf-info-card,
  .mf-link-tile,
  .mf-route-card,
  .mf-hub-card,
  .mf-proof-card,
  .stl-community-card,
  .resource-card,
  .spotlight-card,
  .story-card,
  .article-card,
  .mf-media-card,
  .mf-wire-card,
  .mf-world-card,
  .mf-platform-card,
  .platform-pill,
  .mf-home-command-card,
  .mf-pathway-preview,
  .mf-pathway-note,
  .mf-pathway-card,
  .mf-daily-tab-panel,
  .mf-daily-card,
  .mf-matchday-summary-card,
  .mf-matchday-feature,
  .mf-matchday-module,
  .mf-matchday-card,
  .mf-matchday-toolbar,
  .mf-match-feature-card,
  .mf-match-tile,
  .mc-panel,
  .mc-club,
  .mc-note,
  .mc-live-stat,
  .mc-stl-feed-panel,
  .site-newsletter-shell,
  .site-sponsor-card,
  .site-sponsor-cta,
  .site-sponsor-wall,
  .api-card,
  .mf-diaspora-official-card,
  .mf-diaspora-wc-player,
  .mf-diaspora-pro-card,
  .mf-tracker-link-card,
  .mf-tracker-media-card,
  .mf-afcon-mini-panel,
  .mf-afcon-route-card
) {
  min-height: 0 !important;
  padding: clamp(.5rem, 1vw, .78rem) !important;
}

body.mf-page-shell main :where(
  .mf-daily-grid,
  .mf-editorial-hero__grid,
  .mf-polish-hero__grid,
  .mf-unified-hero-grid,
  .mf-player-directory-hero-grid,
  .mf-africa-hero-grid,
  .mf-world-hero .stl-container,
  .stl-city-layout,
  .stl-local-hero__grid,
  .mf-stl-dev-grid,
  .mf-afcon-hero__inner,
  .mf-caf-hero__grid
) {
  gap: clamp(.65rem, 1.5vw, 1rem) !important;
}

body.mf-page-shell main :where(
  .mf-media-card__thumb,
  .mf-media-card__image,
  .mf-discovery-video__thumb,
  .mf-article-lane__media,
  .story-card-thumb,
  .story-card__media,
  .mf-wire-card__image,
  .mf-growth-card__media,
  .mf-player-route-card__media,
  .mf-platform-card__media,
  .mf-front-media:not(.mf-front-media--logo),
  .mf-tracker-media-card__photo
) {
  max-height: clamp(7rem, 17vw, 12rem) !important;
  overflow: hidden !important;
}

body.mf-page-shell main :where(
  .mf-media-card__thumb img,
  .mf-media-card__image img,
  .mf-discovery-video__thumb img,
  .mf-article-lane__media img,
  .story-card-thumb img,
  .story-card__media img,
  .mf-wire-card__image img,
  .mf-growth-card__media img,
  .mf-player-route-card__media img,
  .mf-platform-card__media img,
  .mf-front-media:not(.mf-front-media--logo) img,
  .mf-tracker-media-card__photo img
) {
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
}

body.mf-page-shell main :where(
  .mf-diaspora-official-card__image,
  .mf-diaspora-pro-card__media,
  .mf-diaspora-wc-player__image,
  .mf-tracker-player-card__photo,
  .mf-player-card__photo,
  .mf-profile-photo
) {
  aspect-ratio: 1 / 1 !important;
  height: clamp(3rem, 6vw, 4.25rem) !important;
  max-height: 4.25rem !important;
  min-height: 0 !important;
  overflow: hidden !important;
  width: clamp(3rem, 6vw, 4.25rem) !important;
}

body.mf-page-shell main :where(
  .mf-diaspora-official-card__image img,
  .mf-diaspora-pro-card__media img,
  .mf-diaspora-wc-player__image img,
  .mf-tracker-player-card__photo img,
  .mf-player-card__photo img,
  .mf-profile-photo img
) {
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
}

body.mf-page-shell main :where(
  .mf-afcon-dashboard,
  .mf-afcon-command,
  .mf-diaspora-source-shell,
  .mf-diaspora-board,
  .mf-tracker-link-console,
  .mf-tracker-player-media,
  .mc-board,
  .mc-panel,
  .mf-kit-subnav-wrap,
  .mf-command-center
) {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

body.mf-page-shell main :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,
  .mf-caf-country-strip,
  .mf-caf-logo-strip,
  [data-horizontal-scroll]
) {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

body.mf-page-shell main :where(
  .mf-section-intro,
  .stl-section-header-row p,
  .section-header p,
  .mf-block-head p,
  .mc-section-head p,
  .mf-media-card__copy,
  .story-card-desc,
  .mf-info-card p,
  .mf-surface-card p,
  .mf-diaspora-official-card p,
  .mf-diaspora-pro-card p,
  .mf-diaspora-wc-player p,
  .mf-afcon-mini-panel p,
  .mf-afcon-route-card p,
  .mf-tracker-link-card p,
  .mf-tracker-media-card p
) {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
}

body.mf-page-shell main :where(
  .mf-diaspora-official-card h3,
  .mf-diaspora-pro-card h3,
  .mf-diaspora-wc-player h3,
  .mf-afcon-mini-panel h3,
  .mf-afcon-route-card h3,
  .mf-tracker-link-card h3,
  .mf-tracker-media-card h3,
  .mf-media-card__title,
  .story-card-title
) {
  font-size: clamp(.86rem, 1.3vw, 1.05rem) !important;
  line-height: 1.08 !important;
}

@media (min-width: 980px) {
  body.mf-page-shell main :where(.mf-afcon-route-grid, .mf-tracker-link-grid, .mf-media-card-grid, .mf-hub-grid, .mf-proof-grid, .mf-home-spotlight-grid) {
    grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr)) !important;
  }

  body.mf-page-shell main :where(.mf-diaspora-official-grid, .mf-tracker-player-grid) {
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body.mf-page-shell main :where(
    section:not(.mf-score-ribbon),
    .stl-section,
    .mf-section,
    .mf-daily-section,
    .mf-editorial-section,
    .mf-world-section
  ) {
    padding-block: .72rem !important;
  }

  body.mf-page-shell main :where(.stl-section-header-row, .section-header, .mf-block-head, .mc-section-head, .mf-section-head) {
    grid-template-columns: 1fr !important;
  }
}

/* Priority page compaction: tracker, AFCON, match center, partnerships, STL school boards. */
body:has(.mf-player-tracker-hero) .mf-tracker-link-console {
  align-items: start !important;
  display: grid !important;
  grid-template-columns: minmax(16rem, .85fr) minmax(0, 1.15fr) !important;
  gap: .62rem !important;
}

body:has(.mf-player-tracker-hero) .mf-tracker-link-card--primary {
  align-content: start !important;
  gap: .52rem !important;
  min-height: 0 !important;
}

body:has(.mf-player-tracker-hero) .mf-tracker-link-card__step {
  font-size: clamp(1.75rem, 4vw, 3.15rem) !important;
  line-height: .82 !important;
}

body:has(.mf-player-tracker-hero) :where(.mf-tracker-link-card__focus, .mf-tracker-link-card__metrics, .mf-tracker-link-card__footer, .mf-tracker-lane-chips) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .38rem !important;
}

body:has(.mf-player-tracker-hero) .mf-tracker-link-card__metrics span {
  flex: 1 1 8.75rem !important;
  min-height: 0 !important;
  padding: .48rem !important;
}

body:has(.mf-player-tracker-hero) .mf-tracker-link-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .52rem !important;
}

body:has(.mf-player-tracker-hero) :where(.mf-tracker-route-card, .mf-tracker-lane-panel) {
  min-height: 0 !important;
  padding: .62rem !important;
}

body:has(.mf-player-tracker-hero) .mf-tracker-lane-panel,
body:has(.mf-player-tracker-hero) .mf-tracker-player-media {
  grid-column: 1 / -1 !important;
}

body:has(.mf-player-tracker-hero) .mf-tracker-player-media__grid {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(14rem, 16rem) !important;
  grid-template-columns: none !important;
  gap: .52rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-bottom: .25rem !important;
}

body:has(.mf-player-tracker-hero) .mf-tracker-media-card {
  display: grid !important;
  grid-template-columns: 4rem minmax(0, 1fr) !important;
  gap: .5rem !important;
}

body:has(.mf-player-tracker-hero) .mf-tracker-media-card__photo {
  height: 4rem !important;
  width: 4rem !important;
}

body.mf-afcon-page .mf-afcon-dashboard {
  display: grid !important;
  grid-template-columns: minmax(17rem, .9fr) minmax(0, 1.1fr) !important;
  gap: .62rem !important;
}

body.mf-afcon-page :where(.mf-afcon-command, .mf-afcon-dashboard__section) {
  min-height: 0 !important;
  padding: .62rem !important;
}

body.mf-afcon-page .mf-afcon-command {
  max-height: 32rem !important;
  overflow: auto !important;
  scrollbar-width: thin;
}

body.mf-afcon-page :where(.mf-afcon-command__grid, .mf-afcon-command__mini, .mf-afcon-group-cards, .mf-afcon-group-grid, .mf-afcon-group-snapshots, .mf-afcon-last-winners, .mf-afcon-news-list) {
  gap: .42rem !important;
}

body.mf-afcon-page .mf-afcon-dashboard__section {
  max-height: 26rem !important;
  overflow: auto !important;
  scrollbar-width: thin;
}

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

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

body.mf-afcon-page .mf-diaspora-board--official .mf-diaspora-official-grid {
  align-items: start !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .54rem !important;
}

body.mf-afcon-page .mf-diaspora-board--official .mf-diaspora-official-grid > :where(.mf-diaspora-pro-board, .mf-diaspora-fixture-board, .mf-diaspora-wc-board) {
  grid-column: auto !important;
  max-height: 25rem !important;
  overflow: auto !important;
  padding: .55rem !important;
  scrollbar-width: thin;
}

body.mf-afcon-page .mf-diaspora-board--official .mf-diaspora-official-grid > .mf-diaspora-pro-board {
  grid-column: span 2 !important;
}

body.mf-afcon-page .mf-diaspora-board--official :where(.mf-diaspora-pro-grid, .mf-diaspora-fixture-grid, .mf-diaspora-wc-board__grid) {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(10.75rem, 12rem) !important;
  grid-template-columns: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

body.mf-afcon-page .mf-diaspora-board--official .mf-diaspora-fixture-board {
  display: flex !important;
  gap: .46rem !important;
}

body.mf-afcon-page .mf-diaspora-board--official .mf-diaspora-fixture-board > div {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

body.mf-match-center-main .mf-matchday-desk {
  max-height: 42rem !important;
  overflow: auto !important;
  scrollbar-width: thin;
}

body.mf-match-center-main :where(.mf-matchday-desk, .mf-command-center, .mc-expansion) {
  padding: .75rem !important;
}

body.mf-match-center-main :where(.mc-board-pulse, .mc-live-stats, .mc-notes, .mc-stl-feed-grid) {
  gap: .45rem !important;
}

body.mf-match-center-main #all-leagues {
  max-height: 34rem !important;
  overflow: auto !important;
  scrollbar-width: thin;
}

body.mf-partnership-page :where(.mf-kit-platform-grid, .mf-kit-matrix, .mf-kit-inventory-grid, .mf-kit-example-grid, .mf-kit-grid, .mf-kit-report-grid, .mf-kit-faq) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)) !important;
  gap: .58rem !important;
}

body.mf-partnership-page :where(.mf-kit-panel, .mf-kit-platform-card, .mf-kit-inventory-card, .mf-kit-example-card, .mf-kit-package-panel, .mf-kit-faq details) {
  min-height: 0 !important;
  padding: .7rem !important;
}

body.mf-partnership-page #ecosystem :where(.mf-kit-platform-grid, .mf-kit-matrix) {
  max-height: 24rem !important;
  overflow: auto !important;
  scrollbar-width: thin;
}

body.mf-stl-development-page #stl-dev-live {
  max-height: 50rem !important;
  overflow: auto !important;
  scrollbar-width: thin;
}

body.mf-stl-development-page :where(.mf-stl-hs-scoreboard, .mf-stl-hs-spirit) {
  padding: .62rem !important;
}

body.mf-stl-development-page .mf-stl-hs-scoreboard__field {
  grid-template-columns: minmax(0, 1fr) minmax(11rem, .62fr) minmax(0, 1fr) !important;
  gap: .55rem !important;
}

body.mf-stl-development-page .mf-stl-hs-score-team {
  gap: .48rem !important;
}

body.mf-stl-development-page .mf-stl-hs-score-team__crest,
body.mf-stl-development-page .mf-stl-hs-spirit-card__logo {
  width: 3rem !important;
}

body.mf-stl-development-page .mf-stl-hs-spirit-grid {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(11rem, 12.5rem) !important;
  grid-template-columns: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-bottom: .25rem !important;
}

@media (max-width: 980px) {
  body:has(.mf-player-tracker-hero) .mf-tracker-link-console,
  body.mf-afcon-page .mf-afcon-dashboard,
  body.mf-afcon-page .mf-diaspora-board--official .mf-diaspora-official-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-afcon-page .mf-diaspora-board--official .mf-diaspora-official-grid > .mf-diaspora-pro-board {
    grid-column: auto !important;
  }
}

/* High-specificity overrides for generated pages with inline CSS. */
body.mf-home-taste.mf-system-page.mf-page-shell.mf-kit-ready.mf-afcon-page.mf-phase32-route main#main-content #mf-afcon-dashboard.mf-afcon-dashboard {
  display: grid !important;
  grid-template-columns: minmax(15rem, .82fr) minmax(0, 1.08fr) minmax(15rem, .82fr) !important;
  gap: .58rem !important;
}

body.mf-home-taste.mf-system-page.mf-page-shell.mf-kit-ready.mf-afcon-page.mf-phase32-route main#main-content .mf-afcon-route-grid {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(12rem, 14rem) !important;
  grid-template-columns: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-bottom: .24rem !important;
}

body.mf-home-taste.mf-system-page.mf-page-shell.mf-kit-ready.mf-afcon-page.mf-phase32-route main#main-content .mf-afcon-route-card {
  min-height: 0 !important;
  padding: .55rem !important;
}

body.mf-home-taste.mf-system-page.mf-page-shell.mf-kit-ready.mf-afcon-page.mf-phase32-route main#main-content #mf-afcon-dashboard.mf-afcon-dashboard :where(.mf-afcon-command, .mf-afcon-dashboard__section, .mf-afcon-dashboard__split) {
  min-height: 0 !important;
  padding: .58rem !important;
}

body.mf-home-taste.mf-system-page.mf-page-shell.mf-kit-ready.mf-afcon-page.mf-phase32-route main#main-content #mf-afcon-dashboard.mf-afcon-dashboard .mf-afcon-command {
  max-height: 30rem !important;
  overflow: auto !important;
  scrollbar-width: thin;
}

body.mf-home-taste.mf-system-page.mf-page-shell.mf-kit-ready.mf-afcon-page.mf-phase32-route main#main-content #mf-afcon-dashboard.mf-afcon-dashboard :where(.mf-afcon-groups-console, .mf-afcon-archive-console) {
  max-height: 30rem !important;
  overflow: auto !important;
  scrollbar-width: thin;
}

body.mf-home-taste.mf-system-page.mf-page-shell.mf-kit-ready.mf-afcon-page.mf-phase32-route main#main-content section.mf-diaspora-board.mf-diaspora-board--official .mf-diaspora-source-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  max-height: none !important;
  overflow: visible !important;
  width: 100% !important;
}

body.mf-home-taste.mf-system-page.mf-page-shell.mf-kit-ready.mf-afcon-page.mf-phase32-route main#main-content section.mf-diaspora-board.mf-diaspora-board--official .mf-diaspora-source-main {
  min-width: 0 !important;
  width: 100% !important;
}

body.mf-home-taste.mf-system-page.mf-page-shell.mf-kit-ready.mf-afcon-page.mf-phase32-route main#main-content section.mf-diaspora-board.mf-diaspora-board--official #mf-diaspora-official-grid.mf-diaspora-official-grid {
  align-items: start !important;
  display: grid !important;
  grid-auto-flow: row !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  width: 100% !important;
}

body.mf-home-taste.mf-system-page.mf-page-shell.mf-kit-ready.mf-afcon-page.mf-phase32-route main#main-content section.mf-diaspora-board.mf-diaspora-board--official #mf-diaspora-official-grid.mf-diaspora-official-grid > :where(.mf-diaspora-pro-board, .mf-diaspora-fixture-board, .mf-diaspora-wc-board) {
  grid-column: auto !important;
  max-height: 24rem !important;
  overflow: auto !important;
  padding: .5rem !important;
  scrollbar-width: thin;
}

body.mf-home-taste.mf-system-page.mf-page-shell.mf-kit-ready.mf-afcon-page.mf-phase32-route main#main-content section.mf-diaspora-board.mf-diaspora-board--official #mf-diaspora-official-grid.mf-diaspora-official-grid > .mf-diaspora-pro-board {
  grid-column: span 2 !important;
}

body.mf-home-taste.mf-system-page.mf-page-shell.mf-kit-ready.mf-afcon-page.mf-phase32-route main#main-content section.mf-diaspora-board.mf-diaspora-board--official #mf-diaspora-official-grid.mf-diaspora-official-grid :where(.mf-diaspora-pro-grid, .mf-diaspora-fixture-grid, .mf-diaspora-wc-board__grid) {
  grid-auto-columns: minmax(10rem, 11.25rem) !important;
}

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

body:has(.mf-player-tracker-hero) .mf-tracker-link-grid,
body:has(.mf-player-tracker-hero) .mf-tracker-lane-panel {
  grid-column: auto !important;
}

body:has(.mf-player-tracker-hero) .mf-tracker-player-media {
  grid-column: 1 / -1 !important;
  max-height: 15rem !important;
  overflow: hidden !important;
}

body:has(.mf-player-tracker-hero) .mf-tracker-media-card {
  max-height: 8.6rem !important;
  overflow: hidden !important;
}

body:has(.mf-player-tracker-hero) :where(.mf-tracker-player-details, .mf-tracker-path-strip) {
  display: none !important;
}

body:has(.mf-player-tracker-hero) .mf-tracker-media-card__body {
  align-content: start !important;
  gap: .25rem !important;
  min-height: 0 !important;
}

body.mf-partnership-page #ecosystem {
  max-height: 52rem !important;
  overflow: auto !important;
  scrollbar-width: thin;
}

/* Final production UX layer: official visuals, no section scroll traps, compact motion. */
:root {
  --mf-ease-out: cubic-bezier(.2, .78, .18, 1);
  --mf-ease-snap: cubic-bezier(.16, 1, .3, 1);
}

body.mf-page-shell main :where(
  .mf-no-internal-scroll,
  .mf-afcon-command,
  .mf-afcon-dashboard__section,
  .mf-afcon-groups-console,
  .mf-afcon-archive-console,
  .mf-diaspora-source-shell,
  .mf-diaspora-source-main,
  .mf-diaspora-pro-board,
  .mf-diaspora-fixture-board,
  .mf-diaspora-wc-board,
  .mf-matchday-desk,
  .mf-command-center,
  .mf-tracker-link-console,
  .mf-tracker-player-media,
  .mf-tracker-player-media__grid,
  .mf-kit-subnav-wrap,
  .mf-kit-platform-grid,
  .mf-kit-matrix,
  .mf-stl-hs-spirit-grid,
  .mf-afcon-route-grid,
  .mf-diaspora-pro-grid,
  .mf-diaspora-fixture-grid,
  .mf-diaspora-wc-board__grid,
  #all-leagues,
  #ecosystem,
  #stl-dev-live
) {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  scrollbar-width: auto !important;
}

body.mf-page-shell main :where(
  .mf-afcon-route-grid,
  .mf-tracker-player-media__grid,
  .mf-stl-hs-spirit-grid,
  .mf-diaspora-pro-grid,
  .mf-diaspora-fixture-grid,
  .mf-diaspora-wc-board__grid,
  .mf-caf-country-strip,
  .mf-caf-logo-strip,
  .mf-chip-row,
  .mf-filter-row,
  .mc-date-strip,
  .mc-filter-row,
  .mf-tabs,
  .mf-scroll-row,
  [data-horizontal-scroll]
) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: clamp(.38rem, .8vw, .62rem) !important;
  grid-auto-columns: auto !important;
  grid-auto-flow: row !important;
  grid-template-columns: none !important;
}

body.mf-page-shell main :where(
  .mf-afcon-route-grid,
  .mf-diaspora-pro-grid,
  .mf-diaspora-fixture-grid,
  .mf-diaspora-wc-board__grid,
  .mf-tracker-player-media__grid
) > * {
  flex: 1 1 min(14rem, 100%) !important;
  min-width: 0 !important;
}

body.mf-page-shell main :where(
  .mf-media-card__thumb,
  .mf-media-card__image,
  .mf-discovery-video__thumb,
  .mf-article-lane__media,
  .story-card-thumb,
  .story-card__media,
  .mf-wire-card__image,
  .mf-growth-card__media,
  .mf-player-route-card__media,
  .mf-platform-card__media,
  .mf-front-media:not(.mf-front-media--logo),
  .mf-tracker-media-card__photo,
  .mf-team-hero-image,
  .mf-caf-visual,
  .mf-afcon-visual,
  .mf-diaspora-visual
) {
  max-height: clamp(5.5rem, 12vw, 9rem) !important;
}

body.mf-page-shell main :where(
  .mf-diaspora-official-card__image,
  .mf-diaspora-pro-card__media,
  .mf-diaspora-wc-player__image,
  .mf-tracker-player-card__photo,
  .mf-player-card__photo,
  .mf-profile-photo,
  .mf-city-radar-team-logo,
  .mc-stl-team-logo,
  .mf-brand-chip img,
  .mf-logo-token,
  .mf-logo-sm,
  .mf-next-match-poster__team img
) {
  object-fit: contain !important;
}

body.mf-page-shell main :where(
  img[src*="/logos/"],
  img[src*="/teamlogos/"],
  img[src*="mlssoccer.com/image/upload"],
  img[src*="/league-logos/"],
  img[src*="/team-logos/"],
  img[src*="/partners/"],
  .mf-brand-chip img,
  .mc-stl-team-logo img,
  .mf-city-radar-team-logo img,
  .mf-next-match-poster__team img,
  .mf-next-match-poster__league img
) {
  background: radial-gradient(circle at 35% 25%, rgba(255, 211, 64, .13), rgba(1, 19, 13, .04) 56%, transparent 72%) !important;
  border-radius: inherit;
  object-fit: contain !important;
}

body.mf-page-shell main :where(
  .mf-mini-logo-fallback,
  .mf-matchup-logo-fallback,
  .story-card-thumb-placeholder,
  .mf-logo-fallback,
  .mf-brand-chip.is-fallback i,
  .mf-city-radar-team-logo b,
  .mf-next-match-poster__team > span:not(:has(img)),
  .site-sponsor-card__logo > span,
  .site-sponsor-ribbon__logo > span
) {
  display: none !important;
}

body.mf-page-shell main .mf-brand-chip--text {
  border-style: dashed !important;
  opacity: .88;
}

body.mf-page-shell main .mf-brand-chip--text::before {
  content: "Official logo needed";
  color: rgba(246, 238, 210, .52);
  display: block;
  font: 700 .56rem/1 var(--mf-mono, "JetBrains Mono", monospace);
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.mf-page-shell main :where(
  .stl-btn,
  .mf-btn,
  .btn,
  button,
  [role="button"],
  .mf-tab,
  .mf-chip,
  .mf-filter,
  .mf-caf-flag-pill,
  .mf-diaspora-pathway-chip,
  .mf-kit-subnav a,
  .mf-front-actions a,
  .mf-home-status-card__actions a,
  .mf-next-match-side__footer a
) {
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  font-weight: 900 !important;
  gap: .42rem !important;
  isolation: isolate;
  justify-content: center !important;
  min-height: 2.45rem !important;
  overflow: hidden !important;
  position: relative;
  text-decoration: none !important;
  transition: transform .18s var(--mf-ease-out), border-color .18s var(--mf-ease-out), background .18s var(--mf-ease-out), box-shadow .18s var(--mf-ease-out), color .18s var(--mf-ease-out) !important;
}

body.mf-page-shell main :where(.stl-btn, .mf-btn, .btn, button, [role="button"])::after {
  background: linear-gradient(110deg, transparent, rgba(255, 255, 255, .24), transparent);
  content: "";
  inset: -35% -60%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateX(-45%) rotate(8deg);
  transition: opacity .18s var(--mf-ease-out), transform .42s var(--mf-ease-snap);
  z-index: -1;
}

body.mf-page-shell main :where(.stl-btn, .mf-btn, .btn, button, [role="button"]):where(:hover, :focus-visible) {
  border-color: rgba(255, 211, 64, .86) !important;
  box-shadow: 0 .8rem 1.7rem rgba(0, 0, 0, .28), 0 0 0 1px rgba(255, 211, 64, .18) inset !important;
  transform: translateY(-2px) !important;
}

body.mf-page-shell main :where(.stl-btn, .mf-btn, .btn, button, [role="button"]):where(:hover, :focus-visible)::after {
  opacity: 1;
  transform: translateX(58%) rotate(8deg);
}

body.mf-page-shell main :where(.stl-btn--primary, .btn-primary, .mf-btn--primary, .is-active, [aria-selected="true"]) {
  background: linear-gradient(135deg, #ffd23f, #f4b72f 52%, #b7ff22) !important;
  border-color: rgba(255, 211, 64, .92) !important;
  color: #07100b !important;
}

body.mf-page-shell main :where(
  .mf-surface-card,
  .mf-info-card,
  .mf-link-tile,
  .mf-route-card,
  .mf-hub-card,
  .mf-proof-card,
  .story-card,
  .article-card,
  .mf-media-card,
  .mf-wire-card,
  .mf-world-card,
  .mf-platform-card,
  .mf-home-command-card,
  .mf-pathway-card,
  .mf-matchday-card,
  .mf-match-tile,
  .mc-panel,
  .mc-club,
  .mc-note,
  .mc-live-stat,
  .mf-diaspora-official-card,
  .mf-diaspora-wc-player,
  .mf-diaspora-pro-card,
  .mf-tracker-link-card,
  .mf-tracker-media-card,
  .mf-afcon-mini-panel,
  .mf-afcon-route-card
) {
  transition: transform .2s var(--mf-ease-out), border-color .2s var(--mf-ease-out), background .2s var(--mf-ease-out), box-shadow .2s var(--mf-ease-out) !important;
}

body.mf-page-shell main :where(
  .mf-surface-card,
  .mf-info-card,
  .mf-link-tile,
  .mf-route-card,
  .mf-hub-card,
  .mf-proof-card,
  .story-card,
  .article-card,
  .mf-media-card,
  .mf-wire-card,
  .mf-world-card,
  .mf-platform-card,
  .mf-home-command-card,
  .mf-pathway-card,
  .mf-matchday-card,
  .mf-match-tile,
  .mc-panel,
  .mc-club,
  .mc-note,
  .mc-live-stat,
  .mf-diaspora-official-card,
  .mf-diaspora-wc-player,
  .mf-diaspora-pro-card,
  .mf-tracker-link-card,
  .mf-tracker-media-card,
  .mf-afcon-mini-panel,
  .mf-afcon-route-card
):where(:hover, :focus-within) {
  background: linear-gradient(135deg, rgba(6, 37, 24, .92), rgba(10, 23, 19, .86)) !important;
  border-color: rgba(255, 211, 64, .46) !important;
  box-shadow: 0 1rem 2.2rem rgba(0, 0, 0, .25), 0 0 0 1px rgba(179, 255, 34, .08) inset !important;
  transform: translateY(-2px) !important;
}

.mf-route-badge-host {
  position: relative;
}

.mf-official-page-badge {
  align-items: center;
  background: linear-gradient(135deg, rgba(5, 20, 14, .9), rgba(14, 48, 30, .78));
  border: 1px solid rgba(255, 211, 64, .42);
  border-radius: 999px;
  box-shadow: 0 .8rem 1.8rem rgba(0, 0, 0, .28);
  color: #f8f1d8;
  display: inline-grid;
  gap: .1rem .45rem;
  grid-template-columns: 2.15rem auto;
  line-height: 1;
  min-width: max-content;
  padding: .32rem .62rem .32rem .36rem;
  position: absolute;
  right: clamp(.7rem, 2vw, 1.4rem);
  text-decoration: none;
  top: clamp(.65rem, 1.6vw, 1rem);
  z-index: 5;
}

.mf-official-page-badge img {
  grid-row: span 2;
  height: 2.15rem;
  object-fit: contain;
  width: 2.15rem;
}

.mf-official-page-badge span {
  font: 900 .74rem/1 var(--mf-display, "Archivo Black", sans-serif);
  white-space: nowrap;
}

.mf-official-page-badge small {
  color: rgba(255, 211, 64, .82);
  font: 800 .52rem/1 var(--mf-mono, "JetBrains Mono", monospace);
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
}

@keyframes mf-rise-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.mf-page-shell main > :where(section, div, article) {
  animation: mf-rise-in .34s var(--mf-ease-out) both;
}

@media (min-width: 761px) {
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero {
    padding-top: calc(var(--nav-height, 64px) + 3.1rem) !important;
  }
}

/* STL hub final density pass: compact hero, contained pro art, official youth visuals. */
@media (min-width: 761px) {
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero {
    padding: calc(var(--nav-height, 64px) + .85rem) 0 .7rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-grid,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-grid {
    width: min(100% - 1.4rem, 1240px) !important;
    grid-template-columns: minmax(0, 1.06fr) minmax(22rem, .82fr) !important;
    gap: .6rem !important;
    align-items: start !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-copy,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-feed,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-guide {
    padding: .7rem !important;
    border-radius: 12px !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-copy,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead {
    gap: .52rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hero-title-streamlined,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead h1 {
    max-width: 17ch !important;
    font-size: clamp(2rem, 3.35vw, 2.9rem) !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-copy > p,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead > p {
    max-width: 76ch !important;
    font-size: .9rem !important;
    line-height: 1.34 !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hub-proof-row {
    display: none !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-live-item {
    min-height: 4.55rem !important;
    padding: .5rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl {
    padding: .58rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__grid {
    gap: .36rem !important;
    margin-top: .48rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card {
    min-height: 4.75rem !important;
    padding: .48rem !important;
  }
}

body.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-art,
body.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-art--official {
  display: grid !important;
  place-items: center !important;
  height: clamp(4.8rem, 6vw, 5.9rem) !important;
  min-height: 0 !important;
  padding: .62rem !important;
  overflow: hidden !important;
}

body.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-art img,
body.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-art--official img {
  width: min(76%, 8.5rem) !important;
  height: min(76%, 5.1rem) !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 0 !important;
  transform: none !important;
}

body.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-card:hover .stl-hub-tier-art img,
body.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-card:focus-within .stl-hub-tier-art img {
  transform: none !important;
}

body.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-map {
  display: grid !important;
  align-content: end !important;
  gap: .28rem !important;
  min-height: 8.2rem !important;
  background:
    linear-gradient(135deg, rgba(3, 18, 23, .94), rgba(4, 47, 56, .82)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.045) 0 1px, transparent 1px 14px) !important;
}

body.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-map::after {
  content: "SLYSA" !important;
  right: .5rem !important;
  bottom: .35rem !important;
  color: rgba(255,255,255,.08) !important;
  font-size: clamp(2.2rem, 4vw, 4rem) !important;
}

body.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-map-logos {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  gap: .35rem !important;
  align-items: center !important;
  margin-bottom: .32rem !important;
}

body.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-map-logos img {
  width: 2.65rem !important;
  height: 2.65rem !important;
  object-fit: contain !important;
  padding: .25rem !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: .62rem !important;
  background: rgba(255,255,255,.1) !important;
}

body.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-map > span,
body.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-map > strong,
body.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-map > small {
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 760px) {
  .mf-official-page-badge {
    position: static;
    margin: 0 .72rem .5rem auto;
    width: max-content;
  }

  body.mf-page-shell main :where(.mf-afcon-route-grid, .mf-tracker-player-media__grid, .mf-diaspora-pro-grid, .mf-diaspora-fixture-grid, .mf-diaspora-wc-board__grid) > * {
    flex-basis: min(100%, 18rem) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mf-page-shell main > :where(section, div, article) {
    animation: none !important;
  }

  body.mf-page-shell main :where(.stl-btn, .mf-btn, .btn, button, [role="button"], .mf-surface-card, .mf-info-card, .mf-link-tile, .story-card, .article-card, .mf-media-card) {
    transition: none !important;
  }
}

/* CAF consolidation: no internal scrolling, dense cards, normal page flow. */
body.mf-page-shell.mf-caf-page main#main-content > section,
body.mf-page-shell.mf-caf-page main#main-content :where(.mf-command-center--africa, .mf-diaspora-pro-board, .mf-diaspora-fixture-board, .mf-diaspora-wc-board) {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

body.mf-page-shell.mf-caf-page .mf-command-grid--africa {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-template-columns: repeat(auto-fit, minmax(8.6rem, 1fr)) !important;
  gap: .44rem !important;
}

body.mf-page-shell.mf-caf-page :where(.mf-command-card--africa-player, .mf-caf-competition-card, .mf-caf-pathway-card, .mf-caf-zone-card, .mf-caf-history-card, .mf-caf-news-card) {
  min-height: 0 !important;
  padding: .52rem !important;
}

body.mf-page-shell.mf-caf-page .mf-command-card--africa-player {
  align-content: start !important;
  gap: .28rem !important;
}

body.mf-page-shell.mf-caf-page :where(.mf-command-card--africa-player small, .mf-africa-player-card__meta, .mf-africa-player-card__route, .mf-caf-card-copy, .mf-caf-pathway-card li, .mf-caf-zone-card li, .mf-diaspora-fixture-card small) {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  overflow: hidden !important;
}

body.mf-page-shell.mf-caf-page .mf-africa-player-card__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .24rem !important;
}

body.mf-page-shell.mf-caf-page .mf-africa-player-card__actions a {
  min-height: 1.75rem !important;
  padding: .3rem .48rem !important;
}

body.mf-page-shell.mf-caf-page :where(.mf-caf-competition-grid, .mf-caf-pathway-grid, .mf-caf-zone-grid, .mf-caf-history-grid, .mf-caf-news-grid) {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr)) !important;
  gap: .5rem !important;
}

body.mf-page-shell.mf-caf-page .mf-caf-pathway-grid {
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)) !important;
}

body.mf-page-shell.mf-caf-page .mf-caf-pathway-card li:nth-child(n+3),
body.mf-page-shell.mf-caf-page .mf-caf-zone-card li:nth-child(n+4) {
  display: none !important;
}

body.mf-page-shell.mf-caf-page #caf-official-players #mf-diaspora-official-grid {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(13rem, .8fr) minmax(12rem, .7fr) !important;
  gap: .55rem !important;
}

body.mf-page-shell.mf-caf-page #caf-official-players .mf-diaspora-pro-board {
  grid-column: auto !important;
}

body.mf-page-shell.mf-caf-page #caf-official-players :where(.mf-diaspora-pro-grid, .mf-diaspora-fixture-grid, .mf-diaspora-wc-board__grid) {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-template-columns: repeat(auto-fit, minmax(8.7rem, 1fr)) !important;
  gap: .4rem !important;
}

body.mf-page-shell.mf-caf-page #caf-official-players :where(.mf-diaspora-pro-card, .mf-diaspora-fixture-card, .mf-diaspora-wc-player, .mf-diaspora-official-card) {
  min-height: 0 !important;
  padding: .45rem !important;
}

body.mf-page-shell.mf-caf-page #caf-official-players :where(.mf-diaspora-pro-card__media, .mf-diaspora-wc-player__image, .mf-diaspora-official-card__image) {
  height: 2.65rem !important;
  max-height: 2.65rem !important;
  width: 2.65rem !important;
}

body.mf-page-shell.mf-caf-page #caf-official-players :where(.mf-diaspora-pro-card p, .mf-diaspora-pro-card small, .mf-diaspora-wc-player p, .mf-diaspora-wc-player small, .mf-diaspora-official-card p, .mf-diaspora-fixture-card p, .mf-diaspora-fixture-card small) {
  -webkit-line-clamp: 1 !important;
}

body.mf-page-shell.mf-caf-page #caf-official-players .mf-diaspora-fixture-board {
  display: grid !important;
  gap: .45rem !important;
}

@media (max-width: 980px) {
  body.mf-page-shell.mf-caf-page #caf-official-players #mf-diaspora-official-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Compact boards: keep deep content accessible without internal scroll traps. */
body.mf-page-shell main .mf-compact-board {
  background:
    linear-gradient(135deg, rgba(7, 23, 18, .94), rgba(3, 16, 15, .9)),
    radial-gradient(circle at 8% 0%, rgba(255, 211, 64, .16), transparent 30%),
    radial-gradient(circle at 92% 20%, rgba(183, 255, 34, .1), transparent 34%) !important;
  border: 1px solid rgba(255, 211, 64, .32) !important;
  border-radius: clamp(1rem, 2vw, 1.35rem) !important;
  box-shadow: 0 1rem 2.4rem rgba(0, 0, 0, .24) !important;
  margin-block: clamp(.72rem, 1.8vw, 1.2rem) !important;
  min-height: 0 !important;
  padding: clamp(.62rem, 1.4vw, .86rem) !important;
}

body.mf-page-shell main .mf-compact-board.is-collapsed {
  display: block !important;
}

body.mf-page-shell main .mf-compact-board__toggle {
  align-items: center !important;
  background:
    linear-gradient(135deg, rgba(255, 211, 64, .98), rgba(232, 177, 44, .96)),
    linear-gradient(90deg, rgba(8, 20, 13, .08), rgba(8, 20, 13, 0)) !important;
  border: 1px solid rgba(255, 230, 126, .76) !important;
  border-radius: 999px !important;
  box-shadow: 0 .8rem 1.8rem rgba(0, 0, 0, .22) !important;
  color: #06110c !important;
  cursor: pointer !important;
  display: grid !important;
  gap: .2rem .82rem !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  min-height: 3.1rem !important;
  padding: .62rem .82rem .62rem 1rem !important;
  text-align: left !important;
  width: 100% !important;
}

body.mf-page-shell main .mf-compact-board__toggle span {
  font: 950 clamp(.95rem, 1.5vw, 1.16rem)/1.02 var(--mf-display, "Archivo Black", sans-serif) !important;
  letter-spacing: -.02em !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.mf-page-shell main .mf-compact-board__toggle small {
  color: rgba(6, 17, 12, .76) !important;
  font: 900 .62rem/1 var(--mf-mono, "JetBrains Mono", monospace) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.mf-page-shell main .mf-compact-board__toggle::after {
  align-items: center;
  background: rgba(6, 17, 12, .92);
  border-radius: 999px;
  color: #ffd23f;
  content: '+';
  display: grid;
  font: 950 1.06rem/1 var(--mf-display, "Archivo Black", sans-serif);
  height: 2rem;
  justify-items: center;
  width: 2rem;
}

body.mf-page-shell main .mf-compact-board.is-open .mf-compact-board__toggle::after {
  content: '-';
}

body.mf-page-shell main .mf-compact-board__body {
  animation: mf-rise-in .24s var(--mf-ease-out) both;
  margin-top: .7rem !important;
}

body.mf-page-shell main .mf-compact-board__body[hidden] {
  display: none !important;
}

body.mf-page-shell main .mf-compact-board.is-open {
  padding-bottom: clamp(.78rem, 1.6vw, 1rem) !important;
}

body.mf-page-shell main .mf-compact-board.is-open .mf-compact-board__toggle {
  background: linear-gradient(135deg, rgba(10, 30, 20, .98), rgba(21, 54, 32, .95)) !important;
  border-color: rgba(255, 211, 64, .42) !important;
  color: #fff9df !important;
}

body.mf-page-shell main .mf-compact-board.is-open .mf-compact-board__toggle small {
  color: rgba(255, 211, 64, .84) !important;
}

body.mf-page-shell main .mf-compact-board.is-open .mf-compact-board__toggle::after {
  background: rgba(255, 211, 64, .96);
  color: #06110c;
}

@media (max-width: 720px) {
  body.mf-page-shell main .mf-compact-board__toggle {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.mf-page-shell main .mf-compact-board__toggle small {
    grid-column: 1 / -1;
  }
}

/* V6 alignment pass: one page rhythm across the whole site. */
body.mf-page-shell {
  --mf-page-max: 1180px;
  --mf-page-gutter: clamp(1rem, 3vw, 2.5rem);
  --mf-section-pad: clamp(1.45rem, 3vw, 2.45rem);
  --mf-hero-pad: clamp(1.35rem, 3vw, 2.5rem);
}

body.mf-page-shell main {
  overflow-x: clip !important;
}

body.mf-page-shell main :where(.stl-container, .container, .mc-shell, .mf-daily-grid, .mf-home-hero-grid, .mf-afcon-hero__inner, .mf-caf-hero__grid, .mf-diaspora-hero__inner, .mf-africa-hero-grid, .mf-player-directory-hero-grid, .mf-worldcup-hero__grid, .mf-editorial-hero__grid) {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: var(--mf-page-max) !important;
  width: min(calc(100% - (var(--mf-page-gutter) * 2)), var(--mf-page-max)) !important;
}

body.mf-page-shell main :where(.stl-section, .section, .mf-daily-section, .mf-kit-anchor-offset, .mf-matchday-desk, .mc-last-wrap, .mc-stl-feed, .mc-panel, .mf-afcon-board, .mf-diaspora-board) {
  padding-block: var(--mf-section-pad) !important;
}

body.mf-page-shell main :where(.mf-daily-hero, .mf-kit-hero, .mf-diaspora-hero, .mf-afcon-hero, .mf-caf-hero, .mf-editorial-hero, .mf-player-directory-hero, .mf-unified-hero, .mf-world-hero, .mf-africa-hero, .stl-city-hero, .stl-local-hero, .mf-stl-development-hero, .mf-worldcup-hero) {
  min-height: 0 !important;
  padding-block: var(--mf-hero-pad) !important;
}

body.mf-page-shell main :where(.mf-daily-hero, .mf-kit-hero, .mf-diaspora-hero, .mf-afcon-hero, .mf-caf-hero, .mf-africa-hero) {
  isolation: isolate;
}

body.mf-page-shell main :where(.stl-heading, .mf-hero-title-streamlined, .mf-worldcup-hero__title, #afcon-title) {
  font-size: clamp(2rem, 4.7vw, 4.35rem) !important;
  line-height: .95 !important;
  max-width: 12ch !important;
}

body.mf-page-shell main :where(.stl-subheading, .section-title, .mf-hscl-surface__title) {
  font-size: clamp(1.35rem, 2.8vw, 2.5rem) !important;
  line-height: 1.02 !important;
}

body.mf-page-shell main :where(.stl-muted, .mf-lede, .site-newsletter-shell__copy, p) {
  max-width: 72ch;
}

body.mf-page-shell main :where(.mf-daily-actions, .hero-ctas, .mf-page-actions, .cta-strip-btns, .mf-hero-chip-row, .mf-home-quicklinks, .mf-chip-row, .mf-filter-row) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .5rem !important;
}

body.mf-page-shell main :where(.stl-btn, .btn, .site-button, .mf-chip, .mf-kit-tab, .mf-command-tab, .stl-pill, button) {
  min-height: 2.25rem !important;
}

body.mf-page-shell main :where(.mf-surface-card, .mf-info-card, .mf-route-card, .mf-hub-card, .mf-home-spotlight-card, .mf-platform-card, .mf-media-card, .story-card, .article-card, .stl-hub-tier-card, .mf-caf-overview-card, .mf-afcon-mini-panel) {
  min-width: 0 !important;
}

body.mf-page-shell main :where(.stl-hub-tier-grid, .mf-caf-overview, .mf-route-grid, .mf-home-spotlight-grid, .mf-league-lanes, .grid-3, .mf-rail-grid) {
  display: grid !important;
  gap: clamp(.65rem, 1.6vw, 1rem) !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)) !important;
}

body.mf-page-shell main :where(.stl-hub-tryout-meta, .mf-fix-meta, .mf-fix-league, .mf-caf-overview-card__pulse, .mc-stl-match-visual) {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  word-break: break-word !important;
}

body.mf-page-shell main :where(.mf-daily-ticker, #mf-daily-ticker-track, .mc-date-strip, .mf-tabs) {
  max-width: 100% !important;
  overflow: hidden !important;
}

body.mf-page-shell main :where(.mf-daily-section:empty, .stl-section:empty, section[hidden]) {
  display: none !important;
}

body.mf-page-shell main .mf-compact-board {
  width: min(calc(100% - (var(--mf-page-gutter) * 2)), var(--mf-page-max)) !important;
}

body.mf-page-shell main .mf-compact-board__toggle {
  min-height: 2.85rem !important;
}

body.stl-soccer-hub-page main .mf-compact-board,
body.mf-caf-page main .mf-compact-board,
body.mf-partnership-page main .mf-compact-board,
body.mf-afcon-page main .mf-compact-board,
body.mf-africa-page main .mf-compact-board,
body.mf-us-soccer-page main .mf-compact-board {
  margin-inline: auto !important;
}

body.stl-soccer-hub-page main #tier-hscl {
  padding-block: var(--mf-section-pad) !important;
}

body.mf-page-shell main :where(img, video, iframe) {
  max-width: 100% !important;
}

@media (max-width: 820px) {
  body.mf-page-shell {
    --mf-page-gutter: .9rem;
    --mf-section-pad: 1.35rem;
    --mf-hero-pad: 1.3rem;
  }

  body.mf-page-shell main :where(.stl-heading, .mf-hero-title-streamlined, .mf-worldcup-hero__title, #afcon-title) {
    max-width: 100% !important;
  }
}

/* V6 layout guardrails: override older page CSS that used full-bleed dashboards. */
body.mf-page-shell main .stl-container,
body.mf-page-shell main .container,
body.mf-page-shell main .mc-shell,
body.mf-page-shell main .mf-daily-grid,
body.mf-page-shell main .mf-home-hero-grid,
body.mf-page-shell main .mf-afcon-hero__inner,
body.mf-page-shell main .mf-caf-hero__grid,
body.mf-page-shell main .mf-diaspora-hero__inner,
body.mf-page-shell main .mf-africa-hero-grid,
body.mf-page-shell main .mf-player-directory-hero-grid,
body.mf-page-shell main .mf-worldcup-hero__grid,
body.mf-page-shell main .mf-editorial-hero__grid {
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: var(--mf-page-max) !important;
  width: min(calc(100% - (var(--mf-page-gutter) * 2)), var(--mf-page-max)) !important;
}

body.mf-page-shell main .cta-strip,
body.mf-page-shell main .mf-caf-overview,
body.mf-page-shell main .mf-diaspora-hero__bg,
body.mf-page-shell main .mf-afcon-lens,
body.mf-page-shell main .mf-diaspora-wc-board,
body.mf-page-shell main .mf-diaspora-route-map {
  max-width: 100% !important;
  overflow: hidden !important;
}

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

body.mf-caf-page main .mf-caf-overview-card,
body.mf-caf-page main .mf-caf-overview-card__pulse,
body.mf-caf-page main .mf-caf-overview-card__body {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.mf-page-shell main .mf-diaspora-hero__inner,
body.mf-page-shell main .mf-afcon-hero__inner,
body.mf-page-shell main .mf-caf-hero__grid,
body.mf-page-shell main .mf-africa-hero-grid {
  align-items: center !important;
  gap: clamp(.8rem, 2vw, 1.25rem) !important;
}

body.mf-page-shell main .mf-diaspora-hero,
body.mf-page-shell main .mf-afcon-hero,
body.mf-page-shell main .mf-caf-hero,
body.mf-page-shell main .mf-africa-hero {
  overflow: hidden !important;
}

body.mf-page-shell main .mf-diaspora-hero__card,
body.mf-page-shell main .mf-tracker-feature-card,
body.mf-page-shell main .mf-tracker-hero-card,
body.mf-page-shell main .mf-afcon-hero__panel,
body.mf-page-shell main .mf-afcon-signal,
body.mf-page-shell main .mf-africa-hero-card,
body.mf-page-shell main .mf-hero-side {
  max-height: 360px !important;
  overflow: hidden !important;
}

body.mf-afcon-page main .mf-afcon-hero__inner {
  min-height: 0 !important;
}

body.mf-afcon-page main #afcon-title {
  font-size: clamp(2rem, 4vw, 3.45rem) !important;
  max-width: 9ch !important;
}

body.mf-afcon-page main .mf-afcon-lens,
body.mf-afcon-page main .mf-diaspora-wc-board {
  min-height: 0 !important;
  padding: clamp(.9rem, 2vw, 1.25rem) !important;
}

@media (min-width: 981px) {
  body.mf-caf-page main#main-content {
    display: block !important;
  }
}

body.mf-caf-page main#main-content > .mf-caf-hero > .mf-caf-hero__grid,
body.mf-caf-page main#main-content > section > .stl-container,
body.mf-caf-page main#main-content > section.mf-compact-board {
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: var(--mf-page-max) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: min(calc(100% - (var(--mf-page-gutter) * 2)), var(--mf-page-max)) !important;
}

body.mf-caf-page main#main-content > section {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

body:has(.mf-player-tracker-hero) main .mf-tracker-league-collage {
  left: 50% !important;
  max-width: min(92vw, 52rem) !important;
  opacity: .38 !important;
  pointer-events: none !important;
  right: auto !important;
  transform: translateX(-50%) rotate(-2deg) scale(.72) !important;
  transform-origin: center !important;
  width: min(92vw, 52rem) !important;
}

body:has(.mf-player-tracker-hero) main .mf-diaspora-hero__inner {
  min-height: 0 !important;
}

body:has(.mf-player-tracker-hero) main .mf-tracker-links-section {
  padding-block: clamp(1rem, 2.2vw, 1.55rem) !important;
}

body:has(.mf-player-tracker-hero) main .mf-tracker-link-console {
  display: grid !important;
  gap: .75rem !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)) !important;
}

body:has(.mf-player-tracker-hero) main .mf-tracker-link-card,
body:has(.mf-player-tracker-hero) main .mf-tracker-link-card:first-child {
  grid-column: auto !important;
  min-height: 0 !important;
  padding: clamp(.85rem, 1.8vw, 1.15rem) !important;
}

body:has(.mf-player-tracker-hero) main .mf-tracker-link-card p,
body:has(.mf-player-tracker-hero) main .mf-tracker-link-card ul {
  margin-block: .45rem !important;
}

@media (min-width: 920px) {
  body:has(.mf-player-tracker-hero) main .mf-tracker-link-console {
    align-items: start !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.25fr) minmax(0, .9fr) !important;
  }

  body:has(.mf-player-tracker-hero) main .mf-tracker-player-media {
    grid-column: 1 / -1 !important;
  }
}

body:has(.mf-player-tracker-hero) main .mf-tracker-link-card__focus,
body:has(.mf-player-tracker-hero) main .mf-tracker-link-card__metrics {
  display: grid !important;
  gap: .5rem !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body:has(.mf-player-tracker-hero) main .mf-tracker-link-grid {
  display: grid !important;
  gap: .55rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body:has(.mf-player-tracker-hero) main .mf-tracker-route-card,
body:has(.mf-player-tracker-hero) main .mf-tracker-media-card {
  min-height: 0 !important;
  padding: .72rem !important;
}

body:has(.mf-player-tracker-hero) main .mf-tracker-player-media {
  padding: clamp(.85rem, 1.5vw, 1rem) !important;
}

body.mf-partnership-page main .mf-kit-anchor-offset {
  padding-block: clamp(.85rem, 1.8vw, 1.25rem) !important;
}

/* V8 compact rhythm: fewer giant panels, fewer page-length scrolls. */
body.mf-page-shell {
  --mf-section-pad: clamp(.95rem, 2vw, 1.65rem);
  --mf-hero-pad: clamp(1rem, 2.35vw, 1.9rem);
}

body.mf-page-shell main > section:not(.mf-daily-hero):not(.mf-kit-hero):not(.mf-diaspora-hero):not(.mf-afcon-hero):not(.mf-caf-hero):not(.mf-editorial-hero):not(.mf-player-directory-hero):not(.mf-unified-hero):not(.mf-world-hero):not(.mf-africa-hero):not(.stl-city-hero):not(.stl-local-hero):not(.mf-stl-development-hero):not(.mf-worldcup-hero):not(.hero):not(.page-hero) {
  padding-block: var(--mf-section-pad) !important;
}

body.mf-page-shell main > section:not(.mf-daily-hero):not(.mf-kit-hero):not(.mf-diaspora-hero):not(.mf-afcon-hero):not(.mf-caf-hero):not(.mf-editorial-hero):not(.mf-player-directory-hero):not(.mf-unified-hero):not(.mf-world-hero):not(.mf-africa-hero):not(.stl-city-hero):not(.stl-local-hero):not(.mf-stl-development-hero):not(.mf-worldcup-hero):not(.hero):not(.page-hero) + section {
  border-top: 1px solid rgba(255, 211, 64, .14) !important;
}

body.mf-page-shell main :where(.mf-daily-hero, .mf-kit-hero, .mf-diaspora-hero, .mf-afcon-hero, .mf-caf-hero, .mf-editorial-hero, .mf-player-directory-hero, .mf-unified-hero, .mf-world-hero, .mf-africa-hero, .stl-city-hero, .stl-local-hero, .mf-stl-development-hero, .mf-worldcup-hero) {
  max-height: none !important;
}

body.mf-page-shell:not(.mf-system-home) main :where(.mf-daily-hero, .mf-kit-hero, .mf-diaspora-hero, .mf-afcon-hero, .mf-caf-hero, .mf-editorial-hero, .mf-player-directory-hero, .mf-unified-hero, .mf-world-hero, .mf-africa-hero, .stl-city-hero, .stl-local-hero, .mf-stl-development-hero, .mf-worldcup-hero) {
  min-height: 0 !important;
}

body.mf-page-shell main :where(.mf-hero-side, .mf-editorial-hero__panel, .mf-daily-board, .mf-home-hero-rail, .mf-afcon-signal, .mf-afcon-hero__panel, .mf-caf-hero__panel, .mf-diaspora-hero__card, .mf-africa-hero-card) {
  padding: clamp(.82rem, 1.8vw, 1.15rem) !important;
}

body.mf-page-shell main :where(.mf-surface-card, .mf-info-card, .mf-route-card, .mf-hub-card, .mf-home-spotlight-card, .mf-platform-card, .mf-media-card, .story-card, .article-card, .stl-hub-tier-card, .mf-caf-overview-card, .mf-afcon-mini-panel, .mf-proof-card, .resource-card, .player-card) {
  padding: clamp(.78rem, 1.65vw, 1.08rem) !important;
}

body.mf-page-shell main :where(.mf-route-grid, .mf-home-spotlight-grid, .mf-hub-grid, .mf-proof-grid, .mf-platform-grid, .mf-media-card-grid, .story-grid, .article-grid, .cards-grid, .resource-grid, .mf-college-program-grid, .mf-caf-overview, .mf-afcon-route-grid, .mf-afcon-command__grid, .mf-diaspora-pro-grid, .mf-diaspora-fixture-grid, .mf-diaspora-wc-board__grid) {
  gap: clamp(.58rem, 1.35vw, .88rem) !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.5rem), 1fr)) !important;
}

body.mf-page-shell main :where(.mf-media-card img, .story-card img, .article-card img, .mf-home-spotlight-card img, .mf-college-program-card img, .mf-diaspora-official-card__image img, .mf-diaspora-pro-card__media img, .mf-diaspora-wc-player__image img, .mf-tracker-media-card__photo img) {
  max-height: clamp(5.75rem, 14vw, 9.75rem) !important;
  object-fit: cover !important;
}

body.mf-page-shell main :where(.mf-afcon-visual, .mf-diaspora-map-art, .mf-caf-hero__visual, .mf-africa-hero-media, .mf-tracker-league-collage, .mf-kit-hero-visual, .mf-worldcup-hero__media) {
  max-height: clamp(8rem, 24vw, 16rem) !important;
  overflow: hidden !important;
}

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

body.mf-page-shell main :where(.mf-compact-board, .mf-compact-board.is-collapsed) {
  padding-block: .62rem !important;
}

body.mf-page-shell main .mf-compact-board__toggle {
  min-height: 2.65rem !important;
  padding: .5rem .72rem .5rem .88rem !important;
}

body.mf-page-shell main .mf-compact-board__body {
  border-top: 1px solid rgba(255, 211, 64, .14);
  padding-top: .65rem;
}

@media (max-width: 760px) {
  body.mf-page-shell {
    --mf-section-pad: 1rem;
    --mf-hero-pad: 1rem;
  }

  body.mf-page-shell main :where(.mf-route-grid, .mf-home-spotlight-grid, .mf-hub-grid, .mf-proof-grid, .mf-platform-grid, .mf-media-card-grid, .story-grid, .article-grid, .cards-grid, .resource-grid, .mf-college-program-grid) {
    grid-template-columns: 1fr !important;
  }
}

/* V9 compact hero system: one shared page rhythm for current pages and future updates. */
body.mf-page-shell {
  --mf-section-pad: clamp(.85rem, 1.8vw, 1.45rem);
  --mf-hero-pad: clamp(.85rem, 1.85vw, 1.55rem);
  --mf-hero-title-size: clamp(1.55rem, 2.85vw, 2.55rem);
  --mf-hero-title-line: 1;
  --mf-hero-copy-size: clamp(.84rem, 1vw, .96rem);
  --mf-hero-grid-gap: clamp(.58rem, 1.35vw, .95rem);
  --mf-hero-action-height: 2.1rem;
}

body.mf-system-home {
  --mf-hero-pad: clamp(1rem, 2.35vw, 2rem);
  --mf-hero-title-size: clamp(1.8rem, 3.65vw, 3.15rem);
}

body.mf-page-shell main :where(.mf-daily-hero, .mf-kit-hero, .mf-diaspora-hero, .mf-afcon-hero, .mf-caf-hero, .mf-editorial-hero, .mf-player-directory-hero, .mf-unified-hero, .mf-world-hero, .mf-africa-hero, .stl-city-hero, .stl-local-hero, .mf-stl-development-hero, .mf-worldcup-hero, .hero, .page-hero, .us-hero, .league-hero, .hs-hero, .hscl-hero-bg, .yp-hero, .mf-contact-hero, .mf-simple-page-hero) {
  min-height: 0 !important;
  padding-block: var(--mf-hero-pad) !important;
}

body.mf-page-shell main :where(.mf-home-hero-grid, .mf-daily-grid, .mf-editorial-hero__grid, .mf-polish-hero__grid, .mf-unified-hero-grid, .mf-player-directory-hero-grid, .mf-africa-hero-grid, .mf-world-hero .stl-container, .stl-city-layout, .stl-local-hero__grid, .mf-afcon-hero__inner, .mf-caf-hero__grid, .mf-diaspora-hero__inner, .mf-worldcup-hero__grid, .hero-grid, .page-hero__grid) {
  gap: var(--mf-hero-grid-gap) !important;
  align-items: center !important;
}

body.mf-page-shell main :where(.mf-daily-hero, .mf-kit-hero, .mf-diaspora-hero, .mf-afcon-hero, .mf-caf-hero, .mf-editorial-hero, .mf-player-directory-hero, .mf-unified-hero, .mf-world-hero, .mf-africa-hero, .stl-city-hero, .stl-local-hero, .mf-stl-development-hero, .mf-worldcup-hero, .hero, .page-hero, .us-hero, .league-hero, .hs-hero, .hscl-hero-bg, .yp-hero, .mf-contact-hero, .mf-simple-page-hero) :where(h1, .stl-heading, .mf-unified-hero-title, .mf-hero-title-streamlined, .mf-worldcup-hero__title, #afcon-title) {
  max-width: min(100%, 15ch) !important;
  margin-block: .2rem .38rem !important;
  font-size: var(--mf-hero-title-size) !important;
  line-height: var(--mf-hero-title-line) !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

body.mf-page-shell main :where(.mf-daily-hero, .mf-kit-hero, .mf-diaspora-hero, .mf-afcon-hero, .mf-caf-hero, .mf-editorial-hero, .mf-player-directory-hero, .mf-unified-hero, .mf-world-hero, .mf-africa-hero, .stl-city-hero, .stl-local-hero, .mf-stl-development-hero, .mf-worldcup-hero, .hero, .page-hero, .us-hero, .league-hero, .hs-hero, .hscl-hero-bg, .yp-hero, .mf-contact-hero, .mf-simple-page-hero) :where(p, .stl-muted, .mf-lede, .mf-hero-copy, .mf-unified-hero-copy, .mf-worldcup-hero__copy) {
  max-width: 66ch !important;
  margin-block: 0 !important;
  font-size: var(--mf-hero-copy-size) !important;
  line-height: 1.42 !important;
}

body.mf-page-shell main :where(.mf-page-actions, .mf-home-hero-actions, .mf-daily-actions, .hero-ctas, .stl-actions, .cta-strip-btns, .mf-hero-chip-row, .mf-home-quicklinks, .mf-chip-row) {
  gap: .42rem !important;
  margin-top: .55rem !important;
}

body.mf-page-shell main :where(.mf-page-actions, .mf-home-hero-actions, .mf-daily-actions, .hero-ctas, .stl-actions, .cta-strip-btns, .mf-hero-chip-row, .mf-home-quicklinks, .mf-chip-row) :where(a, button, .stl-btn, .btn, .site-button, .mf-chip, .stl-pill) {
  min-height: var(--mf-hero-action-height) !important;
  padding: .4rem .62rem !important;
  font-size: .72rem !important;
  line-height: 1.05 !important;
}

body.mf-page-shell main :where(.stl-section-header-row, .section-header, .mf-block-head, .mc-section-head, .mf-section-head) {
  margin-bottom: clamp(.62rem, 1.35vw, .95rem) !important;
}

body.mf-page-shell main :where(.stl-section-header-row .stl-subheading, .section-header h2, .mf-block-head h2, .mc-section-head h2, .mf-section-head h2) {
  font-size: clamp(1.08rem, 2vw, 1.65rem) !important;
  line-height: 1.08 !important;
}

@media (max-width: 760px) {
  body.mf-page-shell {
    --mf-hero-title-size: clamp(1.45rem, 8vw, 2.1rem);
    --mf-hero-pad: .9rem;
  }

  body.mf-page-shell main :where(.mf-daily-hero, .mf-kit-hero, .mf-diaspora-hero, .mf-afcon-hero, .mf-caf-hero, .mf-editorial-hero, .mf-player-directory-hero, .mf-unified-hero, .mf-world-hero, .mf-africa-hero, .stl-city-hero, .stl-local-hero, .mf-stl-development-hero, .mf-worldcup-hero, .hero, .page-hero, .us-hero, .league-hero, .hs-hero, .hscl-hero-bg, .yp-hero, .mf-contact-hero, .mf-simple-page-hero) :where(h1, .stl-heading, .mf-unified-hero-title, .mf-hero-title-streamlined, .mf-worldcup-hero__title, #afcon-title) {
    max-width: 100% !important;
  }
}

/* CAF route streamlining guard: keep CAF boards in readable rows after global page CSS loads. */
body.mf-page-shell.mf-caf-page main#main-content {
  gap: clamp(.62rem, 1.35vw, .95rem) !important;
}

body.mf-page-shell.mf-caf-page main#main-content > :where(section, .mf-command-center) {
  padding-block: clamp(.72rem, 1.65vw, 1.18rem) !important;
}

body.mf-page-shell.mf-caf-page main :where(.mf-caf-hero__grid, .mf-diaspora-source-shell) {
  gap: clamp(.52rem, 1.1vw, .82rem) !important;
}

body.mf-page-shell.mf-caf-page main :where(.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, .mf-command-grid--africa, #mf-diaspora-official-grid) {
  display: grid !important;
  gap: clamp(.52rem, 1.1vw, .82rem) !important;
  grid-auto-flow: row !important;
  grid-auto-columns: initial !important;
  grid-template-rows: none !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
  scroll-snap-type: none !important;
}

body.mf-page-shell.mf-caf-page main .mf-caf-overview {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.mf-page-shell.mf-caf-page main .mf-caf-signal-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.mf-page-shell.mf-caf-page main :where(.mf-caf-competition-grid, .mf-caf-pathway-grid, .mf-caf-zone-grid, .mf-caf-history-grid, .mf-caf-news-grid, .mf-command-grid--africa, #mf-diaspora-official-grid) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.25rem), 1fr)) !important;
}

body.mf-page-shell.mf-caf-page main :where(.mf-caf-overview-card, .mf-caf-signal-card, .mf-caf-competition-card, .mf-caf-pathway-card, .mf-caf-zone-card, .mf-caf-history-card, .mf-caf-news-card, .mf-command-card, .mf-diaspora-official-card) {
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players .mf-diaspora-source-shell {
  display: grid !important;
  grid-template-columns: minmax(13rem, .42fr) minmax(0, 1fr) !important;
  align-items: start !important;
}

body.mf-page-shell.mf-caf-page main #caf-official-players .mf-diaspora-map-panel {
  position: sticky;
  top: 5.25rem;
}

@media (min-width: 1180px) {
  body.mf-page-shell.mf-caf-page main .mf-caf-competition-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.mf-page-shell.mf-caf-page main :where(.mf-caf-pathway-grid, .mf-caf-zone-grid, .mf-caf-history-grid, .mf-caf-news-grid) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  body.mf-page-shell.mf-caf-page main :where(.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, .mf-command-grid--africa, #mf-diaspora-official-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mf-page-shell.mf-caf-page main #caf-official-players .mf-diaspora-source-shell {
    grid-template-columns: 1fr !important;
  }

  body.mf-page-shell.mf-caf-page main #caf-official-players .mf-diaspora-map-panel {
    position: static;
  }
}

@media (max-width: 680px) {
  body.mf-page-shell.mf-caf-page main :where(.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, .mf-command-grid--africa, #mf-diaspora-official-grid) {
    grid-template-columns: 1fr !important;
  }
}

/* Diaspora hub cleanup: tighter boards, official-image lane, and no empty visual wells. */
body.mf-page-shell.mf-diaspora-page main#main-content {
  gap: clamp(.58rem, 1.25vw, .9rem) !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content > :where(section, .stl-section) {
  padding-block: clamp(.62rem, 1.45vw, 1.05rem) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-fix-hero {
  padding-block: clamp(.75rem, 1.55vw, 1.15rem) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-fix-hero__grid {
  grid-template-columns: minmax(0, 1.12fr) minmax(17rem, .88fr) !important;
  gap: clamp(.55rem, 1.15vw, .88rem) !important;
}

body.mf-page-shell.mf-diaspora-page main :where(.mf-diaspora-fix-hero__copy, .mf-diaspora-fix-hero__panel, .mf-diaspora-fix-shell, .mf-diaspora-hub-main, .mf-diaspora-automation-panel, .mf-diaspora-hub-panel, .mf-diaspora-control-deck, .mf-diaspora-live-board, .mf-diaspora-official-image-deck) {
  border-color: rgba(245, 200, 66, .2) !important;
  border-radius: .9rem !important;
  padding: clamp(.62rem, 1.25vw, .9rem) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-fix-hero h1 {
  max-width: 14ch !important;
  font-size: clamp(1.65rem, 3.2vw, 2.8rem) !important;
  line-height: .98 !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-fix-hero p {
  margin-bottom: .42rem !important;
  max-width: 68ch !important;
}

body.mf-page-shell.mf-diaspora-page main :where(.mf-diaspora-hub-command, .mf-diaspora-hub-lower, .mf-diaspora-control-deck, .mf-diaspora-live-board, .mf-diaspora-interactive-grid) {
  gap: clamp(.5rem, 1.15vw, .82rem) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-hub-command {
  grid-template-columns: minmax(0, 1.7fr) minmax(16rem, .55fr) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-hub-lower {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
}

body.mf-page-shell.mf-diaspora-page main :where(.mf-diaspora-official-image-deck, .mf-diaspora-control-deck, .mf-diaspora-live-board) {
  margin-top: .58rem !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-official-image-deck {
  display: grid !important;
  gap: .58rem !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(245, 200, 66, .14), transparent 12rem),
    linear-gradient(135deg, rgba(9, 38, 29, .96), rgba(5, 18, 14, .96)) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-official-image-grid {
  display: grid !important;
  gap: .5rem !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10.5rem), 1fr)) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-official-image-card {
  min-width: 0 !important;
  display: grid !important;
  align-content: end !important;
  min-height: 11rem !important;
  border: 1px solid rgba(245, 200, 66, .18) !important;
  border-radius: .78rem !important;
  overflow: hidden !important;
  color: #f7fbff !important;
  text-decoration: none !important;
  background: #061009 !important;
  position: relative !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-official-image-card img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: .82 !important;
  transition: transform .22s ease, opacity .22s ease !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-official-image-card:hover img,
body.mf-page-shell.mf-diaspora-page main .mf-diaspora-official-image-card:focus-visible img {
  transform: scale(1.04) !important;
  opacity: .95 !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-official-image-card :where(span, strong, small) {
  position: relative !important;
  z-index: 1 !important;
  margin-inline: .62rem !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .75) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-official-image-card span {
  width: max-content !important;
  max-width: calc(100% - 1.24rem) !important;
  border-radius: 999px !important;
  padding: .22rem .42rem !important;
  color: #061009 !important;
  background: #f5c842 !important;
  font-size: .58rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-official-image-card strong {
  margin-top: auto !important;
  font-size: .95rem !important;
  line-height: 1.05 !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-official-image-card small {
  margin-bottom: .62rem !important;
  color: rgba(247, 251, 255, .82) !important;
  font-size: .68rem !important;
}

body.mf-page-shell.mf-diaspora-page main :where(.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-country-grid) {
  gap: clamp(.46rem, 1vw, .68rem) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-hub-main .mf-diaspora-player-grid--tight {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)) !important;
}

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

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

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-player-card__media .mf-diaspora-flag-img {
  min-height: 0 !important;
  width: 3.2rem !important;
  height: auto !important;
  object-fit: contain !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-country-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10.5rem), 1fr)) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-country-button {
  min-height: 2.8rem !important;
  background:
    linear-gradient(135deg, rgba(245, 200, 66, .11), rgba(31, 203, 116, .07)),
    rgba(255, 255, 255, .045) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-country-button:nth-child(3n + 1) {
  border-color: rgba(245, 200, 66, .34) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-country-button:nth-child(3n + 2) {
  border-color: rgba(46, 207, 125, .34) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-country-button:nth-child(3n) {
  border-color: rgba(98, 183, 255, .34) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-route-card__flags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .3rem !important;
  margin-top: .35rem !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-route-card__flags span {
  display: inline-flex !important;
  align-items: center !important;
  gap: .22rem !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 999px !important;
  padding: .18rem .34rem !important;
  background: rgba(255, 255, 255, .05) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-route-card__flags img {
  width: 1.1rem !important;
  height: .74rem !important;
  border-radius: .14rem !important;
  object-fit: cover !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-route-card__flags b {
  color: rgba(247, 251, 255, .82) !important;
  font-size: .6rem !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-fix-shell {
  width: min(100% - 1rem, 92rem) !important;
  max-width: min(100% - 1rem, 92rem) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-route-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-route-card {
  min-height: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: .5rem !important;
  padding: .82rem !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(245, 200, 66, .15), transparent 28%),
    linear-gradient(135deg, rgba(9, 36, 30, .95), rgba(4, 38, 52, .88)) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-route-card:nth-child(3n + 1) {
  border-color: rgba(245, 200, 66, .36) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-route-card:nth-child(3n + 2) {
  border-color: rgba(46, 207, 125, .34) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-route-card:nth-child(3n) {
  border-color: rgba(98, 183, 255, .34) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-route-card p {
  min-height: 3.2em !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-route-card__links {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .35rem !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-route-card__links a {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  border: 1px solid rgba(245, 200, 66, .18) !important;
  border-radius: 999px !important;
  padding: .34rem .48rem !important;
  background: rgba(255, 255, 255, .045) !important;
}

body.mf-page-shell.mf-diaspora-page main .mf-diaspora-route-card .stl-btn {
  align-self: end !important;
  width: fit-content !important;
}

body.mf-page-shell.mf-diaspora-page main :where(.mf-diaspora-hub-panel:empty, .mf-diaspora-story-grid:empty, .mf-diaspora-fixture-grid:empty, .mf-diaspora-route-grid:empty) {
  display: none !important;
}

@media (max-width: 1080px) {
  body.mf-page-shell.mf-diaspora-page main .mf-diaspora-hub-command,
  body.mf-page-shell.mf-diaspora-page main .mf-diaspora-hub-lower,
  body.mf-page-shell.mf-diaspora-page main .mf-diaspora-fix-hero__grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-page-shell.mf-diaspora-page main .mf-diaspora-route-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  body.mf-page-shell.mf-diaspora-page main .mf-diaspora-route-grid,
  body.mf-page-shell.mf-diaspora-page main .mf-diaspora-route-card__links {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body.mf-page-shell.mf-diaspora-page main .mf-diaspora-player-card {
    grid-template-columns: 4.8rem minmax(0, 1fr) !important;
  }

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

/* UIUX Polish v6.22.26: shared finish layer for public pages. */
body.mf-page-shell {
  --mf-uiux-max: 1320px;
  --mf-uiux-wide: 1440px;
  --mf-uiux-gap: clamp(.72rem, 1.45vw, 1.05rem);
  --mf-uiux-card-pad: clamp(.82rem, 1.5vw, 1.12rem);
  --mf-uiux-section-pad: clamp(1.15rem, 2.35vw, 2rem);
  --mf-uiux-hero-pad: clamp(1.05rem, 2.4vw, 2.2rem);
  --mf-uiux-radius: .7rem;
  --mf-uiux-line: rgba(245, 200, 66, .2);
  --mf-uiux-line-soft: rgba(255, 255, 255, .1);
  --mf-uiux-panel: rgba(6, 17, 11, .9);
  --mf-uiux-muted: rgba(242, 246, 235, .75);
}

body.mf-page-shell,
body.mf-page-shell * {
  letter-spacing: 0 !important;
}

body.mf-page-shell :where(.site-container, .stl-container, .container, .mf-container, .mf-shell-container, .mf-page-container) {
  width: min(100% - clamp(1rem, 3vw, 2.25rem), var(--mf-uiux-max)) !important;
  max-width: var(--mf-uiux-max) !important;
}

body.mf-page-shell.mf-match-center-main .mc-shell,
body.mf-page-shell.mf-system-media main :where(.stl-container, .mf-container),
body.mf-page-shell.mf-system-articles main :where(.stl-container, .mf-container),
body.mf-page-shell.mf-system-player main :where(.stl-container, .mf-container) {
  max-width: var(--mf-uiux-wide) !important;
}

body.mf-page-shell main :where(
  .mf-daily-hero,
  .mf-kit-hero,
  .mf-diaspora-hero,
  .mf-afcon-hero,
  .mf-caf-hero,
  .mf-editorial-hero,
  .mf-player-directory-hero,
  .mf-unified-hero,
  .mf-world-hero,
  .mf-africa-hero,
  .stl-city-hero,
  .stl-local-hero,
  .mf-stl-development-hero,
  .mf-worldcup-hero,
  .hero,
  .page-hero,
  .us-hero,
  .league-hero,
  .hs-hero,
  .hscl-hero-bg,
  .yp-hero,
  .mf-contact-hero,
  .mf-simple-page-hero
) {
  min-height: 0 !important;
  padding-block: var(--mf-uiux-hero-pad) !important;
}

body.mf-system-home main .mf-daily-hero {
  padding-block: clamp(1.35rem, 3vw, 2.8rem) !important;
}

body.mf-page-shell main :where(
  .mf-daily-hero,
  .mf-kit-hero,
  .mf-diaspora-hero,
  .mf-afcon-hero,
  .mf-caf-hero,
  .mf-editorial-hero,
  .mf-player-directory-hero,
  .mf-unified-hero,
  .mf-world-hero,
  .mf-africa-hero,
  .stl-city-hero,
  .stl-local-hero,
  .mf-stl-development-hero,
  .mf-worldcup-hero,
  .hero,
  .page-hero,
  .us-hero,
  .league-hero,
  .hs-hero,
  .hscl-hero-bg,
  .yp-hero,
  .mf-contact-hero,
  .mf-simple-page-hero
) :where(h1, .stl-heading, .mf-unified-hero-title, .mf-hero-title-streamlined, .mf-worldcup-hero__title, #afcon-title) {
  max-width: min(100%, 18ch) !important;
  margin-block: .22rem .46rem !important;
  font-size: clamp(1.7rem, 3.2vw, 3rem) !important;
  line-height: 1.03 !important;
  text-wrap: balance;
}

body.mf-system-home main .mf-daily-hero :where(h1, .mf-hero-title-streamlined) {
  max-width: min(100%, 20ch) !important;
  font-size: clamp(2rem, 4vw, 3.7rem) !important;
}

body.mf-page-shell main :where(.stl-section, .section, .mf-section, .mf-daily-section, .mf-world-section, .mf-editorial-section, .mf-review-band) {
  padding-block: var(--mf-uiux-section-pad) !important;
}

body.mf-page-shell main :where(.stl-section-header-row, .section-header, .mf-block-head, .mc-section-head, .mf-section-head, .mf-world-section-head, .mf-editorial-head) {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: var(--mf-uiux-gap) !important;
  margin-bottom: clamp(.72rem, 1.55vw, 1.05rem) !important;
  padding-bottom: .65rem !important;
  border-bottom: 1px solid var(--mf-uiux-line) !important;
}

body.mf-page-shell main :where(.stl-section-header-row p, .section-header p, .mf-block-head p, .mc-section-head p, .mf-section-intro, .stl-muted, .mf-lede, p) {
  max-width: 72ch;
  color: var(--mf-uiux-muted);
  line-height: 1.5;
}

body.mf-page-shell main :where(.stl-subheading, .section-header h2, .mf-block-head h2, .mc-section-head h2, .mf-section-head h2, .mf-world-section-head h2, .mf-editorial-head h2) {
  max-width: min(100%, 24ch) !important;
  font-size: clamp(1.18rem, 2.15vw, 2rem) !important;
  line-height: 1.08 !important;
  text-wrap: balance;
}

body.mf-page-shell main :where(
  .stl-grid,
  .mf-grid,
  .cards-grid,
  .story-grid,
  .article-grid,
  .media-grid,
  .api-grid,
  .mf-card-grid,
  .mf-media-card-grid,
  .mf-link-grid,
  .mf-route-grid,
  .mf-command-grid,
  .mf-home-product-grid,
  .mf-pathway-grid,
  .mf-matchday-card-grid,
  .mf-matchday-modules,
  .mc-stl-feed-grid,
  .mc-notes,
  .mc-live-stats,
  .mc-board-pulse,
  .site-sponsor-stack,
  .mf-diaspora-player-grid,
  .mf-diaspora-route-grid,
  .mf-diaspora-country-grid,
  .mf-caf-competition-grid,
  .mf-caf-pathway-grid,
  .mf-afcon-route-grid
) {
  gap: var(--mf-uiux-gap) !important;
}

body.mf-page-shell main :where(
  .mf-surface-card,
  .mf-info-card,
  .mf-link-tile,
  .mf-route-card,
  .mf-hub-card,
  .mf-proof-card,
  .stl-community-card,
  .resource-card,
  .spotlight-card,
  .story-card,
  .article-card,
  .mf-media-card,
  .mf-wire-card,
  .mf-world-card,
  .mf-platform-card,
  .mf-home-command-card,
  .mf-pathway-preview,
  .mf-pathway-note,
  .mf-pathway-card,
  .mf-daily-tab-panel,
  .mf-daily-card,
  .mf-matchday-summary-card,
  .mf-matchday-feature,
  .mf-matchday-module,
  .mf-matchday-card,
  .mf-matchday-toolbar,
  .mf-match-feature-card,
  .mf-match-tile,
  .mc-panel,
  .mc-club,
  .mc-note,
  .mc-live-stat,
  .mc-stl-feed-panel,
  .site-newsletter-shell,
  .api-card,
  .player-card,
  .mf-diaspora-player-card,
  .mf-diaspora-route-card,
  .mf-diaspora-country-button,
  .mf-afcon-route-card,
  .mf-caf-competition-card,
  .mf-caf-pathway-card
) {
  min-width: 0 !important;
  border: 1px solid var(--mf-uiux-line) !important;
  border-radius: var(--mf-uiux-radius) !important;
  background-color: var(--mf-uiux-panel) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
}

body.mf-page-shell main :where(
  .mf-surface-card,
  .mf-info-card,
  .mf-link-tile,
  .mf-route-card,
  .mf-hub-card,
  .mf-proof-card,
  .stl-community-card,
  .resource-card,
  .spotlight-card,
  .story-card,
  .article-card,
  .mf-media-card,
  .mf-wire-card,
  .mf-world-card,
  .mf-platform-card,
  .mf-home-command-card,
  .mf-pathway-preview,
  .mf-pathway-note,
  .mf-pathway-card,
  .mf-daily-tab-panel,
  .mf-daily-card,
  .mf-matchday-summary-card,
  .mf-matchday-feature,
  .mf-matchday-module,
  .mf-matchday-card,
  .mf-matchday-toolbar,
  .mf-match-feature-card,
  .mf-match-tile,
  .mc-panel,
  .mc-club,
  .mc-note,
  .mc-live-stat,
  .mc-stl-feed-panel,
  .site-newsletter-shell,
  .api-card,
  .player-card
) {
  padding: var(--mf-uiux-card-pad) !important;
}

body.mf-page-shell main :where(a, button, .btn, .stl-btn, .site-button, input, select, textarea) {
  min-height: 42px;
}

body.mf-page-shell main :where(.stl-btn, .btn, .site-button, .mf-chip, .stl-pill, .mc-date-tabs button, .mf-matchday-tabs button, .mf-daily-tabs button) {
  border-radius: var(--mf-uiux-radius) !important;
  padding: .56rem .78rem !important;
  font-size: clamp(.72rem, .82vw, .84rem) !important;
  line-height: 1.08 !important;
  white-space: normal !important;
}

body.mf-page-shell main :where(.mf-chip-row, .mf-front-actions, .stl-actions, .api-actions, .hero-ctas, .cta-strip-btns, .mf-hero-chip-row, .mf-home-quicklinks, .mf-daily-actions, .mf-card-actions) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .5rem !important;
}

body.mf-page-shell main :where(.mf-skel, [class*="skeleton"], .mc-board-empty:empty, article:empty, section:empty, .mf-home-command-card:empty, .mf-has-missing-media:empty) {
  display: none !important;
}

body.mf-page-shell main :where(.mf-board-top span, .stl-eyebrow, .section-label, .mf-daily-meta, .mf-media-card__meta, .mc-meta, .mc-badge, .site-footer__nav h2, .site-footer__nav h3) {
  font-size: clamp(.62rem, .75vw, .76rem) !important;
  line-height: 1.15 !important;
}

body.mf-page-shell main :where(.story-card-title, .article-card h3, .mf-media-card__title, .mf-wire-card h3, .mf-world-card h3, .mf-info-card h3, .mc-club h3, .player-card h3) {
  font-size: clamp(1rem, 1.25vw, 1.28rem) !important;
  line-height: 1.12 !important;
  text-wrap: balance;
}

body.mf-page-shell main :where(.story-card-desc, .article-card p, .mf-media-card__copy, .mf-wire-card p, .mf-info-card p, .mc-note p, .player-card p, small) {
  font-size: clamp(.75rem, .86vw, .9rem);
  line-height: 1.45;
}

body.mf-page-shell main :where(.mf-media-card__thumb, .mf-media-card__image, .mf-article-lane__media, .story-card-thumb, .story-card__media, .mf-wire-card__image, .mf-growth-card__media, .mf-player-route-card__media, .mf-platform-card__media, .mf-front-media:not(.mf-front-media--logo)) {
  aspect-ratio: 16 / 9;
  min-height: 0 !important;
  border-radius: var(--mf-uiux-radius) !important;
}

body.mf-page-shell main :where(.mf-media-card__thumb img, .mf-media-card__image img, .mf-article-lane__media img, .story-card-thumb img, .story-card__media img, .mf-wire-card__image img, .mf-growth-card__media img, .mf-player-route-card__media img, .mf-platform-card__media img, .mf-front-media:not(.mf-front-media--logo) img) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.site-header__inner {
  gap: clamp(.48rem, 1.25vw, .95rem) !important;
}

.site-nav__list {
  gap: .16rem !important;
}

.site-nav__link,
.site-nav__toggle,
.site-header__cta,
.site-theme-toggle,
.site-nav__menu-button {
  min-height: 38px !important;
  border-radius: var(--mf-uiux-radius) !important;
}

.site-nav__link,
.site-nav__toggle {
  padding: .5rem .62rem !important;
}

.site-nav__panel-grid {
  gap: .42rem !important;
}

.site-nav__panel-grid a,
.site-drawer__section a {
  min-height: 44px !important;
}

.site-footer__inner {
  grid-template-columns: minmax(10rem, 1.1fr) repeat(5, minmax(7.5rem, .8fr)) !important;
  gap: .7rem 1rem !important;
}

.site-footer__nav ul {
  grid-template-columns: 1fr !important;
}

@media (min-width: 1120px) {
  body.mf-page-shell main :where(.story-grid, .article-grid, .mf-media-card-grid, .cards-grid, .mf-route-grid, .mf-world-card-grid, .mf-home-spotlight-grid) {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)) !important;
  }

  body.mf-page-shell.mf-system-home main .mf-home-product-grid,
  body.mf-page-shell.stl-soccer-hub-page main .stl-hub-tier-grid,
  body.mf-page-shell.mf-city-radar-page main :where(.mf-city-radar-grid, .mf-radar-lane-grid),
  body.mf-page-shell.mf-diaspora-page main :where(.mf-diaspora-hub-command, .mf-diaspora-hub-lower) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  body.mf-page-shell main :where(.stl-section-header-row, .section-header, .mf-block-head, .mc-section-head, .mf-section-head, .mf-world-section-head, .mf-editorial-head) {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

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

@media (max-width: 760px) {
  body.mf-page-shell {
    --mf-uiux-gap: .68rem;
    --mf-uiux-section-pad: 1rem;
    --mf-uiux-hero-pad: .95rem;
    --mf-uiux-card-pad: .78rem;
  }

  body.mf-page-shell :where(.site-container, .stl-container, .container, .mf-container, .mf-shell-container, .mf-page-container) {
    width: 100% !important;
    padding-inline: .9rem !important;
  }

  body.mf-page-shell main :where(
    .mf-daily-hero,
    .mf-kit-hero,
    .mf-diaspora-hero,
    .mf-afcon-hero,
    .mf-caf-hero,
    .mf-editorial-hero,
    .mf-player-directory-hero,
    .mf-unified-hero,
    .mf-world-hero,
    .mf-africa-hero,
    .stl-city-hero,
    .stl-local-hero,
    .mf-stl-development-hero,
    .mf-worldcup-hero,
    .hero,
    .page-hero,
    .us-hero,
    .league-hero,
    .hs-hero,
    .hscl-hero-bg,
    .yp-hero,
    .mf-contact-hero,
    .mf-simple-page-hero
  ) {
    padding-top: calc(4rem + .75rem) !important;
  }

  body.mf-page-shell main :where(
    .stl-grid,
    .mf-grid,
    .cards-grid,
    .story-grid,
    .article-grid,
    .media-grid,
    .api-grid,
    .mf-card-grid,
    .mf-media-card-grid,
    .mf-link-grid,
    .mf-route-grid,
    .mf-command-grid,
    .mf-home-product-grid,
    .mf-pathway-grid,
    .mf-matchday-card-grid,
    .mf-matchday-modules,
    .mc-stl-feed-grid,
    .mc-notes,
    .mc-live-stats,
    .mc-board-pulse,
    .site-sponsor-stack,
    .mf-diaspora-player-grid,
    .mf-diaspora-route-grid,
    .mf-diaspora-country-grid,
    .mf-caf-competition-grid,
    .mf-caf-pathway-grid,
    .mf-afcon-route-grid
  ) {
    grid-template-columns: 1fr !important;
  }

  .site-brand__name {
    max-width: 42vw !important;
  }

  .site-footer__inner {
    grid-template-columns: 1fr !important;
  }
}

/* Version 2.1 UI/UX audit fixes: compact public pages without changing the brand. */
html,
body,
.site-header,
.mf-score-ribbon,
main {
  max-width: 100vw;
}

html,
body {
  overflow-x: hidden !important;
}

body.mf-page-shell main,
body.mf-page-shell main * {
  box-sizing: border-box;
}

body.mf-page-shell main :where(img, svg, video, iframe, table) {
  max-width: 100% !important;
}

body.mf-page-shell main :where(.stl-container, .site-container, .container, .mf-container, .mf-shell-container, .mf-page-container) {
  min-width: 0 !important;
}

body.mf-page-shell main :where(.mf-home-hero-copy, .mf-daily-lead, .mf-polish-hero__copy, .mf-editorial-hero__grid > div, .mf-player-directory-hero-grid > div, .mf-worldcup-hero__copy, .mf-caf-hero__copy, .mf-afcon-hero__copy) {
  min-width: 0 !important;
  max-width: 100% !important;
}

body.mf-page-shell main :where(p, .stl-muted, .mf-section-intro, .mf-lede, .mf-unified-hero-copy, .hero-desc, small, strong, h1, h2, h3, h4, .stl-heading, .stl-subheading, .mf-hero-title-streamlined) {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body.mf-page-shell main :where(.mf-daily-grid, .mf-home-hero-grid, .mf-editorial-hero__grid, .mf-polish-hero__grid, .mf-player-directory-hero-grid, .mf-worldcup-hero__grid, .mf-caf-hero__grid, .mf-afcon-hero__grid) {
  min-width: 0 !important;
}

body.mf-page-shell main :where(.mf-daily-hero, .mf-editorial-hero, .mf-player-directory-hero, .mf-worldcup-hero, .mf-afcon-hero, .mf-caf-hero, .mf-kit-hero, .mf-world-hero, .mf-contact-hero, .mf-simple-page-hero, .hero, .page-hero) {
  padding-block: clamp(1.05rem, 2.45vw, 2.35rem) !important;
}

body.mf-page-shell:not(.mf-system-home) main :where(.mf-daily-hero, .mf-editorial-hero, .mf-player-directory-hero, .mf-worldcup-hero, .mf-afcon-hero, .mf-caf-hero, .mf-kit-hero, .mf-world-hero, .mf-contact-hero, .mf-simple-page-hero, .hero, .page-hero) :where(h1, .stl-heading, .mf-hero-title-streamlined, .mf-unified-hero-title, #afcon-title) {
  max-width: min(100%, 16ch) !important;
  font-size: clamp(1.65rem, 3.05vw, 2.8rem) !important;
  line-height: 1.02 !important;
}

body.mf-page-shell main :where(.stl-section, .section, .mf-section, .mf-daily-section, .mf-world-section, .mf-editorial-section, .mf-review-band) {
  padding-block: clamp(1.1rem, 2.35vw, 2.35rem) !important;
}

body.mf-page-shell main :where(.stl-section-header-row, .section-header, .mf-block-head, .mc-section-head, .mf-section-head, .mf-world-section-head, .mf-editorial-head) {
  margin-bottom: clamp(.65rem, 1.25vw, 1rem) !important;
}

body.mf-page-shell main :where(.stl-subheading, .section-header h2, .mf-block-head h2, .mc-section-head h2, .mf-section-head h2, .mf-world-section-head h2, .mf-editorial-head h2) {
  max-width: min(100%, 32ch) !important;
}

body.mf-page-shell main :where(.stl-grid, .mf-grid, .cards-grid, .story-grid, .article-grid, .media-grid, .mf-card-grid, .mf-media-card-grid, .mf-link-grid, .mf-route-grid, .mf-command-grid, .mf-home-product-grid, .mf-pathway-grid, .mf-matchday-card-grid, .mf-matchday-modules, .mc-stl-feed-grid, .mf-home-spotlight-grid, .mf-diaspora-player-grid, .mf-diaspora-club-grid, .mf-diaspora-route-grid, .mf-diaspora-story-grid, .mf-diaspora-country-grid, .mf-caf-competition-grid, .mf-caf-pathway-grid, .mf-caf-zone-grid, .mf-afcon-route-grid) {
  gap: clamp(.62rem, 1.2vw, .95rem) !important;
}

body.mf-page-shell main :where(.stl-btn, .btn, .site-button, .mf-chip, .stl-pill, button) {
  min-width: 0;
}

body.mf-page-shell main :where(.stl-btn, .btn, .site-button, .mf-chip, .stl-pill, .mc-date-tabs button, .mf-matchday-tabs button, .mf-matchday-filter-row button, .mf-daily-tabs button) {
  border-radius: .68rem !important;
  padding: .5rem .72rem !important;
  font-size: clamp(.68rem, .78vw, .8rem) !important;
}

body.mf-page-shell main :where(.mf-home-quicklinks, .mf-chip-row, .mf-front-actions, .stl-actions, .api-actions, .hero-ctas, .cta-strip-btns, .mf-hero-chip-row, .mf-daily-actions, .mf-card-actions, .mf-matchday-tabs, .mf-matchday-filter-row, .mc-date-tabs) {
  align-items: center !important;
  gap: .42rem !important;
}

body.mf-page-shell main :where(.mf-surface-card, .mf-info-card, .mf-link-tile, .mf-route-card, .mf-hub-card, .mf-proof-card, .stl-community-card, .resource-card, .spotlight-card, .story-card, .article-card, .mf-media-card, .mf-wire-card, .mf-world-card, .mf-platform-card, .mf-home-command-card, .mf-pathway-preview, .mf-pathway-note, .mf-pathway-card, .mf-daily-tab-panel, .mf-daily-card, .mf-matchday-summary-card, .mf-matchday-feature, .mf-matchday-module, .mf-matchday-card, .mf-matchday-toolbar, .mf-match-feature-card, .mf-match-tile, .mc-panel, .mc-club, .mc-note, .mc-live-stat, .mc-stl-feed-panel, .site-newsletter-shell, .api-card, .player-card, .mf-diaspora-player-card, .mf-diaspora-route-card, .mf-afcon-route-card, .mf-caf-competition-card, .mf-caf-pathway-card) {
  padding: clamp(.72rem, 1.2vw, 1rem) !important;
}

body.mf-system-home #home-latest-video,
body.mf-media-page .mf-media-player-section {
  padding-block: clamp(.85rem, 1.6vw, 1.45rem) !important;
}

body.mf-system-home #home-latest-video .stl-container {
  max-width: min(100% - 1.25rem, 58rem) !important;
}

body.mf-system-home #home-latest-video .mf-home-youtube-player {
  grid-template-columns: minmax(0, .82fr) minmax(14rem, .62fr) !important;
}

body.mf-system-home #home-latest-video .mf-home-youtube-player__stage {
  min-height: 9.75rem !important;
  max-height: 12rem !important;
}

body.mf-media-page .mf-media-player-grid,
body.mf-media-page .mf-youtube-stage {
  grid-template-columns: minmax(0, .9fr) minmax(16rem, .58fr) !important;
}

body.mf-media-page :where(.mf-media-hero-video__frame, .mf-youtube-frame) {
  max-height: 18rem !important;
  overflow: hidden !important;
}

body.mf-media-page .mf-youtube-playlist {
  max-height: 18rem !important;
}

body.mf-match-center-main .mf-match-polish-hero .mf-polish-hero__grid,
body.mf-match-center-main .mf-match-polish-hero.mf-editorial-hero .mf-editorial-hero__grid {
  grid-template-columns: minmax(15rem, .62fr) minmax(0, 1fr) !important;
}

body.mf-match-center-main .mf-match-polish-hero .mf-match-utility__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.mf-match-center-main .mf-matchday-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)) !important;
  max-height: none !important;
  overflow: visible !important;
}

body.mf-match-center-main .mf-matchday-toolbar {
  grid-template-columns: minmax(13rem, 1.2fr) repeat(3, minmax(10rem, .7fr)) !important;
}

body.mf-system-articles .mf-editorial-hero {
  padding-block: clamp(1.2rem, 2.4vw, 2.2rem) !important;
}

body.mf-system-articles main :where(.story-grid, .article-grid, .mf-editorial-grid, .mf-wire-grid) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)) !important;
}

body.mf-system-player .mf-player-directory-hero {
  padding-block: clamp(1.2rem, 2.6vw, 2.4rem) !important;
}

body.mf-system-player main :where(.mf-player-directory-hero-grid, .player-grid, .mf-tracker-link-grid) {
  gap: clamp(.7rem, 1.3vw, 1rem) !important;
}

body.mf-system-player main :where(.mf-player-directory-hero-grid) {
  grid-template-columns: minmax(0, 1fr) minmax(18rem, .72fr) !important;
}

body.mf-system-player main :where(.player-card, .mf-diaspora-player-card) {
  overflow: hidden !important;
}

body.mf-diaspora-page .mf-diaspora-fix-hero,
body.mf-diaspora-page main > .mf-daily-hero:first-child {
  padding-block: clamp(1.05rem, 2.2vw, 2rem) !important;
}

body.mf-diaspora-page main :where(.mf-diaspora-hub-command, .mf-diaspora-hub-lower, .mf-diaspora-control-deck) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.mf-diaspora-page main :where(.mf-diaspora-official-image-grid, .mf-diaspora-player-grid, .mf-diaspora-club-grid, .mf-diaspora-route-grid, .mf-diaspora-story-grid) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)) !important;
}

body.mf-diaspora-page main :where(.mf-diaspora-player-card, .mf-diaspora-route-card) {
  min-height: 0 !important;
}

body.mf-afcon-page .mf-afcon-hero {
  padding-block: clamp(1.2rem, 2.7vw, 2.5rem) !important;
}

body.mf-afcon-page #afcon-title {
  font-size: clamp(2.25rem, 7vw, 5.5rem) !important;
}

body.mf-afcon-page main :where(.mf-afcon-proof-row, .mf-afcon-route-grid, .mf-afcon-command__stats, .mf-afcon-command__teams, .mf-afcon-group-snapshots, .mf-afcon-group-grid, .mf-diaspora-pro-grid, .mf-diaspora-fixture-grid) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.5rem), 1fr)) !important;
}

body.mf-caf-page main :where(.mf-caf-competition-grid, .mf-caf-pathway-grid, .mf-caf-zone-grid, .mf-caf-history-grid) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)) !important;
}

body.mf-caf-page main :where(.mf-caf-hero, .mf-caf-live-guide, .mf-caf-section) {
  padding-block: clamp(1.05rem, 2.3vw, 2.2rem) !important;
}

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

body.mf-city-radar-page .mf-city-stage-card {
  min-height: 10.5rem !important;
}

body.mf-city-radar-page .mf-city-radar-toolbar {
  display: grid !important;
  grid-template-columns: minmax(14rem, 1fr) auto !important;
  gap: .65rem !important;
}

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

body.stl-soccer-hub-page main :where(.stl-hub-tier-grid, .mf-home-spotlight-grid, .mf-today-stl__grid) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)) !important;
}

body.stl-soccer-hub-page .mf-daily-hero {
  padding-block: clamp(1.15rem, 2.6vw, 2.35rem) !important;
}

@media (min-width: 1120px) {
  body.mf-page-shell main :where(.story-grid, .article-grid, .mf-media-card-grid, .cards-grid, .mf-route-grid, .mf-world-card-grid, .mf-home-spotlight-grid) {
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)) !important;
  }
}

@media (max-width: 860px) {
  .site-header__cta--media,
  .site-header__cta--contributor,
  .site-theme-toggle {
    display: none !important;
  }

  .site-header,
  .mf-score-ribbon {
    overflow: hidden !important;
  }

  .mf-score-ribbon {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .mf-score-ribbon__rail {
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

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

  .mf-score-ribbon__track {
    width: max-content !important;
    max-width: none !important;
  }

  body.mf-page-shell main :where(.stl-section-header-row, .section-header, .mf-block-head, .mc-section-head, .mf-section-head, .mf-world-section-head, .mf-editorial-head) {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  body.mf-page-shell main :where(.stl-section-header-row > .stl-btn, .section-header > .stl-btn, .mf-block-head > .stl-btn, .mc-section-head > .stl-btn) {
    justify-self: stretch !important;
  }
}

@media (max-width: 1180px) {
  .site-header__actions .site-header__cta--contributor,
  .site-header__actions .site-theme-toggle {
    display: none !important;
  }

  .site-header,
  .site-header__inner,
  .mf-score-ribbon {
    width: 100% !important;
    max-width: 100vw !important;
  }
}

@media (max-width: 760px) {
  html,
  body,
  body.mf-page-shell,
  body.mf-home-taste {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body.mf-page-shell main,
  body.mf-home-taste main,
  body.mf-page-shell .mf-daily-home,
  body.mf-home-taste .mf-daily-home,
  body.mf-page-shell main > section,
  body.mf-home-taste main > section {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body.mf-page-shell main :where(.stl-container, .site-container, .container, .mf-container, .mf-shell-container, .mf-page-container) {
    width: min(100%, calc(100vw - 1rem)) !important;
    max-width: calc(100vw - 1rem) !important;
    padding-inline: .85rem !important;
  }

  body.mf-page-shell main :where(.mf-home-hero-copy, .mf-daily-lead, .mf-polish-hero__copy, .mf-editorial-hero__grid > div, .mf-player-directory-hero-grid > div, .mf-worldcup-hero__copy, .mf-caf-hero__copy, .mf-afcon-hero__copy) {
    width: 100% !important;
    max-width: calc(100vw - 1.7rem) !important;
    min-width: 0 !important;
  }

  body.mf-page-shell main :where(.mf-daily-hero, .mf-editorial-hero, .mf-player-directory-hero, .mf-worldcup-hero, .mf-afcon-hero, .mf-caf-hero, .mf-kit-hero, .mf-world-hero, .mf-contact-hero, .mf-simple-page-hero, .hero, .page-hero) {
    padding-block: .95rem !important;
    padding-top: .95rem !important;
  }

  body.mf-page-shell main :where(h1, .stl-heading, .mf-hero-title-streamlined, .mf-unified-hero-title, #afcon-title) {
    max-width: 100% !important;
    font-size: clamp(1.7rem, 8.8vw, 2.55rem) !important;
    line-height: 1.04 !important;
    white-space: normal !important;
  }

  body.mf-page-shell main :where(.stl-subheading, .section-header h2, .mf-block-head h2, .mc-section-head h2, .mf-section-head h2, .mf-world-section-head h2, .mf-editorial-head h2) {
    max-width: 100% !important;
    font-size: clamp(1.15rem, 6vw, 1.75rem) !important;
    white-space: normal !important;
  }

  body.mf-page-shell main :where(.mf-daily-grid, .mf-home-hero-grid, .mf-editorial-hero__grid, .mf-polish-hero__grid, .mf-player-directory-hero-grid, .mf-worldcup-hero__grid, .mf-caf-hero__grid, .mf-afcon-hero__grid, .mf-home-product-grid, .mf-matchday-modules, .mf-media-player-grid, .mf-youtube-stage, .mf-diaspora-hub-command, .mf-diaspora-hub-lower, .mf-diaspora-control-deck, .mf-city-stage-grid, .mf-city-radar-toolbar, .mf-matchday-toolbar) {
    grid-template-columns: 1fr !important;
  }

  body.mf-page-shell main :where(.stl-btn, .btn, .site-button) {
    width: 100%;
    justify-content: center;
  }

  body.mf-page-shell main :where(.mf-home-quicklinks, .mf-chip-row, .mf-front-actions, .stl-actions, .api-actions, .hero-ctas, .cta-strip-btns, .mf-hero-chip-row, .mf-daily-actions, .mf-card-actions, .mf-matchday-tabs, .mf-matchday-filter-row, .mc-date-tabs, .mf-city-radar-filters) {
    display: flex !important;
    flex-wrap: nowrap !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: .2rem !important;
    scrollbar-width: none !important;
  }

  body.mf-page-shell main :where(.mf-home-quicklinks, .mf-chip-row, .mf-front-actions, .stl-actions, .api-actions, .hero-ctas, .cta-strip-btns, .mf-hero-chip-row, .mf-daily-actions, .mf-card-actions, .mf-matchday-tabs, .mf-matchday-filter-row, .mc-date-tabs, .mf-city-radar-filters)::-webkit-scrollbar {
    display: none !important;
  }

  body.mf-page-shell main :where(.mf-home-quicklinks a, .mf-chip-row a, .mf-chip-row button, .mf-front-actions a, .stl-actions a, .api-actions a, .hero-ctas a, .cta-strip-btns a, .mf-hero-chip-row a, .mf-daily-actions a, .mf-card-actions a, .mf-matchday-tabs button, .mf-matchday-filter-row button, .mc-date-tabs button, .mf-city-radar-filters button) {
    flex: 0 0 auto !important;
    width: auto !important;
    white-space: nowrap !important;
  }

  body.mf-system-home #home-latest-video .mf-home-youtube-player,
  body.mf-media-page .mf-media-player-grid,
  body.mf-media-page .mf-youtube-stage,
  body.mf-match-center-main .mf-match-polish-hero .mf-polish-hero__grid,
  body.mf-match-center-main .mf-match-polish-hero.mf-editorial-hero .mf-editorial-hero__grid,
  body.mf-system-player main :where(.mf-player-directory-hero-grid),
  body.mf-diaspora-page main :where(.mf-diaspora-hub-command, .mf-diaspora-hub-lower, .mf-diaspora-control-deck),
  body.mf-city-radar-page .mf-city-stage-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-system-home #home-latest-video .mf-home-youtube-player__stage,
  body.mf-media-page :where(.mf-media-hero-video__frame, .mf-youtube-frame) {
    min-height: 9.25rem !important;
    max-height: 12rem !important;
  }

  body.mf-media-page .mf-youtube-playlist {
    max-height: none !important;
    overflow: visible !important;
  }

  body.mf-match-center-main .mf-match-polish-hero .mf-match-feature-card {
    grid-template-columns: 1fr !important;
  }

  body.mf-match-center-main .mf-match-polish-hero .mf-match-feature-card > a {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  body.mf-match-center-main .mf-match-polish-hero .mf-match-utility__grid,
  body.mf-afcon-page main :where(.mf-afcon-proof-row, .mf-afcon-route-grid, .mf-afcon-command__stats, .mf-afcon-command__teams, .mf-afcon-group-snapshots, .mf-afcon-group-grid, .mf-diaspora-pro-grid, .mf-diaspora-fixture-grid),
  body.mf-caf-page main :where(.mf-caf-competition-grid, .mf-caf-pathway-grid, .mf-caf-zone-grid, .mf-caf-history-grid),
  body.stl-soccer-hub-page main :where(.stl-hub-tier-grid, .mf-home-spotlight-grid, .mf-today-stl__grid) {
    grid-template-columns: 1fr !important;
  }

  body.mf-afcon-page #afcon-title {
    font-size: clamp(2.25rem, 18vw, 4rem) !important;
  }

  body.mf-page-shell:not(.mf-system-home) main :where(.mf-home-hero-rail, .mf-match-utility, .mf-daily-board) {
    display: none !important;
  }

  body.mf-system-home main :where(.mf-home-hero-copy, .mf-daily-lead) {
    width: min(100%, calc(100vw - 1.7rem)) !important;
    max-width: calc(100vw - 1.7rem) !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 520px) {
  .site-brand__name {
    max-width: 34vw !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.mf-page-shell main :where(.stl-section, .mf-daily-section, .mf-review-band, .mf-world-section, .mf-section, .mf-editorial-section) {
    padding-inline: 0 !important;
  }

  body.mf-page-shell main :where(.stl-container, .site-container, .container, .mf-container, .mf-shell-container, .mf-page-container) {
    width: min(100%, calc(100vw - .8rem)) !important;
    max-width: calc(100vw - .8rem) !important;
    padding-inline: .7rem !important;
  }

  body.mf-page-shell main :where(.mf-home-hero-copy, .mf-daily-lead, .mf-polish-hero__copy, .mf-editorial-hero__grid > div, .mf-player-directory-hero-grid > div, .mf-worldcup-hero__copy, .mf-caf-hero__copy, .mf-afcon-hero__copy) {
    max-width: calc(100vw - 1.4rem) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mf-page-shell main :where(.stl-btn, .btn, .site-button, .mf-card, .story-card, .article-card, .mf-media-card, .mf-home-command-card, .mf-pathway-card, .mf-matchday-card, .mf-diaspora-player-card, .mf-afcon-route-card, .mf-caf-competition-card) {
    transition: none !important;
    transform: none !important;
  }
}

/* Version 2.1 audit finish: compact public rhythm without changing brand colors. */
body.mf-page-shell main :where(
  .mf-daily-hero,
  .mf-editorial-hero,
  .mf-player-directory-hero,
  .mf-worldcup-hero,
  .mf-afcon-hero,
  .mf-caf-hero,
  .mf-kit-hero,
  .mf-world-hero,
  .mf-contact-hero,
  .mf-simple-page-hero,
  .stl-city-hero
) {
  padding-block: 1.45rem !important;
}

body.mf-page-shell main :where(
  .mf-daily-grid,
  .mf-home-hero-grid,
  .mf-editorial-hero__grid,
  .mf-polish-hero__grid,
  .mf-player-directory-hero-grid,
  .mf-worldcup-hero__grid,
  .mf-caf-hero__grid,
  .mf-afcon-hero__grid,
  .mf-diaspora-fix-hero__grid
) {
  gap: 1rem !important;
  align-items: center !important;
}

body.mf-page-shell main :where(
  h1,
  .stl-heading,
  .mf-hero-title-streamlined,
  .mf-unified-hero-title,
  .mf-worldcup-hero__title,
  #afcon-title
) {
  font-size: 2.75rem !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
}

body.mf-page-shell main :where(.mf-lede, .stl-muted, .mf-daily-lead p, .mf-diaspora-fix-hero__copy p) {
  max-width: 62ch !important;
}

.site-nav__link,
.site-nav__toggle,
.site-drawer a,
.site-drawer button,
.site-header__cta,
.site-theme-toggle,
.site-footer a,
body.mf-page-shell main :where(.stl-btn, .btn, .site-button, .mf-chip, .filter-btn, button, [role="button"]) {
  min-height: 44px;
}

.site-nav__panel[hidden] {
  display: none !important;
}

body.mf-page-shell main .mf-today-stl {
  padding: .95rem !important;
}

body.mf-page-shell main .mf-today-stl__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: .85rem !important;
  align-items: end !important;
}

body.mf-page-shell main .mf-today-stl__head h2 {
  font-size: 1.65rem !important;
  line-height: 1.05 !important;
  max-width: 24ch !important;
}

body.mf-page-shell main .mf-today-stl__head p {
  margin-top: .25rem !important;
  max-width: 58ch !important;
}

body.mf-page-shell main .mf-today-stl__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)) !important;
  gap: .72rem !important;
}

body.mf-page-shell main .mf-today-stl__grid article {
  min-height: 8.5rem !important;
}

body.mf-system-home #home-latest-video .mf-home-youtube-player__stage,
body.mf-media-page :where(.mf-media-hero-video__frame, .mf-youtube-frame) {
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  max-height: 15rem !important;
}

body.mf-system-home #home-latest-video .mf-home-youtube-player {
  grid-template-columns: minmax(0, 1fr) minmax(14rem, .55fr) !important;
}

body.mf-media-page .mf-media-player-grid,
body.mf-media-page .mf-youtube-stage {
  grid-template-columns: minmax(0, 1fr) minmax(15rem, .52fr) !important;
}

body.mf-media-page .mf-youtube-playlist {
  max-height: 15rem !important;
}

body.mf-city-radar-page main :where(.mf-home-spotlight-grid, .mf-city-stage-grid),
body.stl-soccer-hub-page main :where(.stl-hub-tier-grid, .mf-home-spotlight-grid),
body.mf-caf-page main :where(.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),
body.mf-afcon-page main :where(.mf-afcon-proof-row, .mf-afcon-route-grid, .mf-afcon-command__stats, .mf-afcon-command__teams, .mf-diaspora-pro-grid, .mf-diaspora-fixture-grid),
body.mf-diaspora-page main :where(.mf-diaspora-stat-grid, .mf-diaspora-player-grid, .mf-diaspora-club-grid, .mf-diaspora-route-grid, .mf-diaspora-story-grid),
body.mf-system-directory main :where(.stl-directory-grid, .resource-grid, .cards-grid),
body:has(#stl-directory-app) main :where(.stl-directory-grid, .resource-grid, .cards-grid) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)) !important;
}

body.mf-city-radar-page main :where(.mf-home-spotlight-card, .mf-city-stage-card),
body.stl-soccer-hub-page main :where(.stl-hub-tier-card, .mf-home-spotlight-card),
body.mf-caf-page main :where(.mf-caf-overview-card, .mf-caf-signal-card, .mf-caf-competition-card, .mf-caf-pathway-card, .mf-caf-zone-card, .mf-caf-history-card, .mf-caf-news-card),
body.mf-afcon-page main :where(.mf-afcon-route-card, .mf-afcon-mini-panel, .mf-diaspora-pro-card, .mf-diaspora-fixture-card),
body.mf-diaspora-page main :where(.mf-diaspora-player-card, .mf-diaspora-route-card, .mf-diaspora-club-card) {
  min-height: 0 !important;
}

body.mf-caf-page main .mf-caf-section-nav .stl-container,
body.mf-diaspora-page main .mf-diaspora-tabs,
body.stl-soccer-hub-page main .mf-stl-section-nav .stl-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: .45rem !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

body.mf-caf-page main .mf-caf-section-nav .stl-container::-webkit-scrollbar,
body.mf-diaspora-page main .mf-diaspora-tabs::-webkit-scrollbar,
body.stl-soccer-hub-page main .mf-stl-section-nav .stl-container::-webkit-scrollbar {
  display: none !important;
}

body.mf-page-shell main :where(
  .mf-transfer-photo--pending,
  .mf-transfer-featured__country-panel--pending,
  .stl-hub-logo.is-image-missing,
  .stl-hub-tryout-media.is-image-missing
) {
  display: grid !important;
  place-items: center !important;
  min-height: 5.5rem !important;
  border: 1px dashed rgba(252, 210, 26, .42) !important;
  background:
    linear-gradient(135deg, rgba(252, 210, 26, .18), rgba(4, 34, 24, .86)),
    rgba(6, 18, 12, .72) !important;
  color: #fff7c8 !important;
}

body.mf-page-shell main :where(.mf-transfer-photo--pending span, .mf-transfer-featured__country-panel--pending strong) {
  max-width: 12ch !important;
  text-align: center !important;
  font-size: .78rem !important;
  line-height: 1.05 !important;
}

@media (min-width: 1180px) {
  body.mf-page-shell main :where(
    h1,
    .stl-heading,
    .mf-hero-title-streamlined,
    .mf-unified-hero-title,
    .mf-worldcup-hero__title,
    #afcon-title
  ) {
    font-size: 3.05rem !important;
  }
}

@media (max-width: 760px) {
  body.mf-page-shell main :where(
    h1,
    .stl-heading,
    .mf-hero-title-streamlined,
    .mf-unified-hero-title,
    .mf-worldcup-hero__title,
    #afcon-title
  ) {
    font-size: 2rem !important;
  }

  body.mf-page-shell main .mf-today-stl__head {
    grid-template-columns: 1fr !important;
  }

  body.mf-page-shell main .mf-today-stl__head .stl-btn {
    width: 100% !important;
  }

  body.mf-page-shell main .mf-today-stl__grid article {
    min-height: 0 !important;
  }

  body.mf-system-home #home-latest-video .mf-home-youtube-player__stage,
  body.mf-media-page :where(.mf-media-hero-video__frame, .mf-youtube-frame) {
    max-height: 11.5rem !important;
  }
}

/* Remainder page build-up pass: compact non-home routes and contain dense rails. */
body.mf-page-shell:not(.mf-system-home) main#main-content {
  contain: inline-size;
}

body.mf-page-shell:not(.mf-system-home) main#main-content :where(
  section,
  article,
  aside,
  div,
  ul,
  ol,
  li,
  table,
  figure,
  img,
  iframe,
  video,
  .stl-container,
  .site-container,
  .container,
  .mf-container,
  .mf-shell-container,
  .mf-page-container
) {
  min-width: 0;
}

body.mf-page-shell:not(.mf-system-home) main#main-content :where(
  .stl-grid,
  .mf-grid,
  .cards-grid,
  .story-grid,
  .media-grid,
  .api-grid,
  .mf-world-card-grid,
  .mf-world-feature-grid,
  .mf-world-host-grid,
  .mf-caf-grid,
  .mf-afcon-route-grid,
  .mf-diaspora-route-grid,
  .mf-diaspora-story-grid,
  .mf-diaspora-player-grid
) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)) !important;
  gap: clamp(.72rem, 1.4vw, 1rem) !important;
}

body.mf-page-shell:not(.mf-system-home) main#main-content :where(
  .story-card,
  .article-card,
  .mf-media-card,
  .mf-card,
  .stl-card,
  .mf-caf-card,
  .mf-afcon-route-card,
  .mf-diaspora-player-card,
  .mf-diaspora-route-card,
  .mf-worldcup-verified__card
) {
  min-height: 0 !important;
}

body.mf-page-shell:not(.mf-system-home) main#main-content :where(
  .story-card-title,
  .article-card-title,
  .mf-card h3,
  .stl-card h3,
  .mf-caf-card h3,
  .mf-afcon-route-card h3,
  .mf-diaspora-player-card h3,
  .mf-diaspora-route-card h3,
  .mf-worldcup-verified__card strong
) {
  overflow-wrap: anywhere !important;
}

body.mf-page-shell:not(.mf-system-home) main#main-content :where(
  .mf-wc-section-nav .stl-container,
  .mf-caf-section-nav .stl-container,
  .mf-diaspora-tabs,
  .mf-stl-section-nav .stl-container,
  .mc-quick-tabs,
  .mc-filter-row,
  .mc-date-tabs,
  .mf-transfer-tabs,
  .mf-worldcup-verified__filters,
  .mf-chip-row
) {
  max-width: 100%;
}

body.mf-world-cup-page .mf-worldcup-hero__stats,
body.mf-world-cup-page .mf-worldcup-hero__flags,
body.mf-world-cup-page .mf-worldcup-hero__ticker,
body.mf-world-cup-page .mf-wc-command-hosts,
body.mf-world-cup-page .mf-wc-command-kickoffs,
body.mf-world-cup-page .mf-wc-command-status,
body.mf-world-cup-page .mf-wc-schedule-chips,
body.mf-world-cup-page .mf-wc-host-actions {
  flex-wrap: wrap !important;
  overflow: visible !important;
}

body.mf-world-cup-page .mf-worldcup-hero__stats > *,
body.mf-world-cup-page .mf-worldcup-hero__flags > *,
body.mf-world-cup-page .mf-worldcup-hero__ticker > *,
body.mf-world-cup-page .mf-wc-command-hosts > *,
body.mf-world-cup-page .mf-wc-command-kickoffs > *,
body.mf-world-cup-page .mf-wc-command-status > *,
body.mf-world-cup-page .mf-wc-schedule-chips > *,
body.mf-world-cup-page .mf-wc-host-actions > * {
  min-width: 0 !important;
}

body.mf-world-cup-page main#main-content :where(
  .mf-worldcup-pillars,
  .mf-world-cup-overview,
  .mf-wc-command-stats,
  .mf-city-grid,
  .mf-wc-schedule-grid,
  .mf-worldcup-verified__grid
) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)) !important;
}

body:has(.mf-transfer-board) main#main-content :where(
  .mf-transfer-radar-app,
  .mf-transfer-market-section,
  .mf-transfer-market-layout,
  .mf-transfer-featured,
  .mf-transfer-board,
  .mf-transfer-toolbar,
  .mf-transfer-country-grid,
  .mf-player-spotlight-grid
) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body:has(.mf-transfer-board) main#main-content .mf-transfer-board {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

body:has(.mf-transfer-board) main#main-content .mf-transfer-table {
  width: max(100%, 52rem) !important;
  max-width: none !important;
  table-layout: fixed !important;
}

body:has(.mf-transfer-board) main#main-content .mf-transfer-table :where(th, td, strong, span, small, a) {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

body:has(.mf-transfer-board) main#main-content .mf-transfer-player-cell {
  min-width: 0 !important;
}

body.mf-afcon-page main#main-content :where(
  .mf-diaspora-official-card,
  .mf-diaspora-official-card__meta,
  .mf-diaspora-official-card__meta span,
  .mf-diaspora-official-card h3,
  .mf-diaspora-pro-card,
  .mf-diaspora-fixture-card
) {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

body.mf-media-page main#main-content :where(
  .mf-media-hero-video__frame,
  .mf-youtube-frame,
  .mf-media-feature-video,
  .mf-feature-video,
  .mf-media-video-frame
) {
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  max-height: 20rem !important;
}

body.mf-media-page main#main-content :where(
  .mf-media-hero-video__frame iframe,
  .mf-youtube-frame iframe,
  .mf-media-feature-video iframe,
  .mf-feature-video iframe,
  .mf-media-video-frame iframe
) {
  width: 100% !important;
  height: 100% !important;
}

body.stl-soccer-hub-page main#main-content .mf-review-band,
body.mf-city-radar-page main#main-content .mf-review-band {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}

@media (max-width: 900px) {
  body.mf-page-shell:not(.mf-system-home) main#main-content :where(
    .mf-home-hero-grid,
    .mf-daily-grid,
    .mf-editorial-hero__grid,
    .mf-player-directory-hero-grid,
    .mf-worldcup-hero__grid,
    .mf-caf-hero__grid,
    .mf-afcon-hero__grid,
    .mf-diaspora-fix-hero__grid,
    .mf-transfer-hero__grid,
    .mf-transfer-market-layout,
    .mc-layout,
    .mc-hero-grid
  ) {
    grid-template-columns: 1fr !important;
  }

  body.mf-media-page .mf-media-player-grid,
  body.mf-media-page .mf-youtube-stage,
  body.mf-system-home #home-latest-video .mf-home-youtube-player {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body.mf-page-shell:not(.mf-system-home) main#main-content :where(
    .mf-wc-section-nav .stl-container,
    .mf-caf-section-nav .stl-container,
    .mf-diaspora-tabs,
    .mf-stl-section-nav .stl-container,
    .mc-quick-tabs,
    .mc-filter-row,
    .mc-date-tabs,
    .mf-transfer-tabs,
    .mf-worldcup-verified__filters,
    .mf-chip-row
  ) {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .45rem !important;
    overflow: visible !important;
    padding-bottom: .2rem !important;
    scroll-snap-type: none;
    scrollbar-width: none !important;
  }

  body.mf-page-shell:not(.mf-system-home) main#main-content :where(
    .mf-wc-section-nav .stl-container,
    .mf-caf-section-nav .stl-container,
    .mf-diaspora-tabs,
    .mf-stl-section-nav .stl-container,
    .mc-quick-tabs,
    .mc-filter-row,
    .mc-date-tabs,
    .mf-transfer-tabs,
    .mf-worldcup-verified__filters,
    .mf-chip-row
  )::-webkit-scrollbar {
    display: none !important;
  }

  body.mf-page-shell:not(.mf-system-home) main#main-content :where(
    .mf-wc-section-nav a,
    .mf-caf-section-nav a,
    .mf-diaspora-tabs a,
    .mf-stl-section-nav a,
    .mc-quick-tabs button,
    .mc-filter-row button,
    .mc-date-tabs button,
    .mf-transfer-tabs button,
    .mf-worldcup-verified__filters button,
    .mf-chip-row a,
    .mf-chip-row button
  ) {
    flex: 1 1 auto !important;
    min-height: 44px !important;
    width: auto !important;
    white-space: normal !important;
    scroll-snap-align: none;
  }

  body.mf-world-cup-page .mf-wc-section-nav .stl-container {
    display: flex !important;
    grid-template-columns: none !important;
  }

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

  body.mf-world-cup-page main#main-content :where(
    .mf-worldcup-pillars,
    .mf-world-cup-overview,
    .mf-city-grid,
    .mf-wc-schedule-grid,
    .mf-worldcup-verified__grid,
    .mf-roadmap-steps,
    .mf-roadmap-panels
  ) {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.mf-world-cup-page main#main-content :where(
    .mf-worldcup-pillar,
    .mf-city-card,
    .mf-wc-schedule-card,
    .mf-worldcup-verified__card,
    .mf-roadmap-panel,
    .mf-roadmap-step
  ) {
    width: 100% !important;
    max-width: 100% !important;
  }

  body:has(.mf-transfer-board) main#main-content .mf-transfer-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body:has(.mf-transfer-board) main#main-content .mf-transfer-table thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }

  body:has(.mf-transfer-board) main#main-content .mf-transfer-table :where(tbody, tr, td) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body:has(.mf-transfer-board) main#main-content .mf-transfer-table tbody {
    display: grid !important;
    gap: .65rem !important;
  }

  body:has(.mf-transfer-board) main#main-content .mf-transfer-table tr {
    border: 1px solid rgba(252, 210, 26, .18) !important;
    border-radius: .9rem !important;
    background: rgba(6, 21, 14, .82) !important;
    overflow: hidden !important;
  }

  body:has(.mf-transfer-board) main#main-content .mf-transfer-table td {
    display: grid !important;
    grid-template-columns: minmax(6rem, .38fr) minmax(0, 1fr) !important;
    gap: .55rem !important;
    align-items: center !important;
    padding: .58rem .72rem !important;
    border-radius: 0 !important;
  }

  body:has(.mf-transfer-board) main#main-content .mf-transfer-table td::before {
    display: block !important;
    color: rgba(244, 247, 238, .56) !important;
    font-size: .68rem !important;
    font-weight: 950 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  }

  body:has(.mf-transfer-board) main#main-content .mf-transfer-table td:nth-child(1)::before { content: "Player"; }
  body:has(.mf-transfer-board) main#main-content .mf-transfer-table td:nth-child(2)::before { content: "Country"; }
  body:has(.mf-transfer-board) main#main-content .mf-transfer-table td:nth-child(3)::before { content: "From"; }
  body:has(.mf-transfer-board) main#main-content .mf-transfer-table td:nth-child(4)::before { content: "Club"; }
  body:has(.mf-transfer-board) main#main-content .mf-transfer-table td:nth-child(5)::before { content: "Lane"; }
  body:has(.mf-transfer-board) main#main-content .mf-transfer-table td:nth-child(6)::before { content: "Open"; }

  body:has(.mf-transfer-board) main#main-content .mf-transfer-table td:first-child {
    grid-template-columns: 1fr !important;
    padding-top: .72rem !important;
  }

  body:has(.mf-transfer-board) main#main-content .mf-transfer-featured__media img {
    height: 12rem !important;
  }

  body.stl-soccer-hub-page main#main-content .cta-strip-btns {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  body.stl-soccer-hub-page main#main-content .cta-strip-btns .btn {
    width: 100% !important;
    justify-content: center !important;
  }

  body.mf-media-page main#main-content :where(
    .mf-media-hero-video__frame,
    .mf-youtube-frame,
    .mf-media-feature-video,
    .mf-feature-video,
    .mf-media-video-frame
  ) {
    max-height: 12rem !important;
  }
}

/* 2026-06-23 full-review polish: keep Version 2.1 compact, readable, and overflow-safe. */
html,
body {
  max-width: 100%;
}

body.mf-page-shell main#main-content,
body.mf-system-home main#main-content {
  overflow-x: clip;
}

body.mf-page-shell main#main-content :where(img, iframe, video, svg),
body.mf-system-home main#main-content :where(img, iframe, video, svg) {
  max-width: 100%;
}

body.mf-page-shell main#main-content :where(
  .stl-btn,
  .btn,
  .site-button,
  .mf-v22-button,
  .mf-v22-card-button,
  .mf-v22-text-link,
  .mf-v22-community-grid a,
  .mf-v22-media-card,
  .mf-v22-today-card
) {
  min-height: 44px;
}

body.mf-system-home main#main-content .mf-v22-section {
  padding-block: clamp(1.6rem, 4vw, 3.4rem);
}

body.mf-system-home main#main-content .mf-v22-hero {
  min-height: auto;
  padding-block: clamp(2rem, 5vw, 4.5rem);
}

body.mf-system-home main#main-content .mf-v22-article-card img,
body.mf-system-home main#main-content .mf-v22-media-card img,
body.mf-media-page main#main-content :where(.mf-media-card img, .mf-media-episode img, .mf-youtube-card img) {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  max-height: 12rem;
}

body.mf-page-shell main#main-content :where(
  .mf-v22-card-grid,
  .mf-v22-media-grid,
  .mf-v22-community-grid,
  .mf-worldcup-pillars,
  .mf-city-grid,
  .mf-caf-visible-grid,
  .mf-diaspora-stat-grid,
  .mf-diaspora-feature-grid,
  .mf-transfer-stats
) {
  align-items: stretch;
}

body.mf-page-shell main#main-content :where(
  .mf-v22-today-card,
  .mf-v22-article-card,
  .mf-v22-panel,
  .mf-worldcup-pillar,
  .mf-city-card,
  .mf-transfer-featured,
  .mf-diaspora-card,
  .mc-card,
  .mc-match-card
) {
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  body.mf-page-shell main#main-content :where(
    .stl-section,
    .mf-world-section,
    .mf-v22-section,
    .mf-diaspora-hero,
    .mf-transfer-hero,
    .mf-worldcup-hero
  ) {
    padding-block: clamp(1.25rem, 5vw, 2.25rem) !important;
  }

  body.mf-page-shell main#main-content :where(
    h1,
    .mf-worldcup-hero__title,
    .mf-transfer-hero__copy h1
  ) {
    font-size: clamp(2rem, 11vw, 3.4rem) !important;
    line-height: .98 !important;
  }
}

@media (max-width: 760px) {
  body.mf-system-home main#main-content .mf-v22-actions,
  body.mf-page-shell main#main-content :where(
    .mf-diaspora-actions,
    .mf-transfer-hero__actions,
    .mf-page-actions,
    .hero-ctas,
    .stl-section-header-row
  ) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  body.mf-system-home main#main-content .mf-v22-actions :where(a, button),
  body.mf-page-shell main#main-content :where(
    .mf-diaspora-actions a,
    .mf-transfer-hero__actions a,
    .mf-page-actions a,
    .hero-ctas a
  ) {
    width: 100% !important;
    justify-content: center !important;
  }

  body.mf-system-home main#main-content .mf-v22-hero-chips,
  body.mf-system-home main#main-content .mf-v22-today-links,
  body.mf-page-shell main#main-content :where(.mf-chip-row, .mf-transfer-tabs, .mc-quick-tabs, .mf-diaspora-tabs) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .5rem !important;
    overflow: visible !important;
  }

  body.mf-system-home main#main-content .mf-v22-hero-chips a,
  body.mf-system-home main#main-content .mf-v22-today-links a,
  body.mf-page-shell main#main-content :where(.mf-chip-row a, .mf-chip-row button, .mf-transfer-tabs button, .mc-quick-tabs button, .mf-diaspora-tabs a) {
    min-width: 0 !important;
    width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body.mf-system-home main#main-content .mf-v22-article-card {
    grid-template-columns: 6.5rem minmax(0, 1fr) !important;
    align-items: stretch !important;
  }

  body.mf-system-home main#main-content .mf-v22-article-card img {
    height: 100% !important;
    max-height: none !important;
  }

  body.mf-media-page main#main-content :where(.mf-media-hero-video__frame, .mf-youtube-frame, .mf-media-feature-video, .mf-feature-video, .mf-media-video-frame) {
    max-height: 11rem !important;
  }
}

@media (max-width: 520px) {
  body.mf-system-home main#main-content .mf-v22-article-card {
    grid-template-columns: 1fr !important;
  }

  body.mf-system-home main#main-content .mf-v22-article-card img {
    max-height: 10.5rem !important;
  }

  body.mf-system-home main#main-content .mf-v22-hero-chips,
  body.mf-system-home main#main-content .mf-v22-today-links,
  body.mf-page-shell main#main-content :where(.mf-chip-row, .mf-transfer-tabs, .mc-quick-tabs, .mf-diaspora-tabs) {
    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;
}

/* Global fixture/card readability: keep source chips horizontal and stop narrow cards from squeezing words. */
body.mf-page-shell main#main-content :where(
  .mf-city-radar-card__detail,
  .mf-city-stage-meta,
  .mf-fixture-meta,
  .mf-match-card__meta,
  .mf-diaspora-fixture-card__teams
) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(7.6rem, 1fr)) !important;
  gap: .5rem !important;
  min-width: 0 !important;
  overflow: visible !important;
}

body.mf-page-shell main#main-content :where(.mf-city-radar-card__detail span, .mf-city-stage-pill) {
  display: grid !important;
  align-content: center !important;
  min-width: 0 !important;
  min-height: 2.9rem !important;
  padding: .55rem .62rem !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.mf-page-shell main#main-content :where(.mf-city-radar-card__detail strong, .mf-city-stage-pill strong) {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  overflow-wrap: break-word !important;
  line-height: 1.12 !important;
}

body.mf-page-shell main#main-content :where(.mf-city-radar-card__detail small, .mf-city-radar-source-note) {
  display: block !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  line-height: 1.18 !important;
}

body.mf-page-shell.mf-city-radar-page main#main-content :where(#stl-radar-high-school, #stl-radar-news, #stl-radar-college) :where([data-city-radar-native="high-school"], [data-city-radar-native="news"], [data-city-radar-native="college"]) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(18rem, 1fr)) !important;
  gap: .85rem !important;
  align-items: stretch !important;
}

body.mf-page-shell.mf-city-radar-page main#main-content :where(#stl-radar-high-school, #stl-radar-news) .mf-city-radar-card__detail {
  grid-template-columns: repeat(2, minmax(8.5rem, 1fr)) !important;
}

body.mf-page-shell.mf-city-radar-page main#main-content #stl-radar-pro [data-city-radar-native="pro"] {
  grid-template-columns: repeat(2, minmax(23rem, 1fr)) !important;
}

body.mf-page-shell.mf-city-radar-page main#main-content :where(#stl-radar-high-school, #stl-radar-news) .mf-city-radar-card {
  min-height: 0 !important;
  height: auto !important;
}

body.mf-page-shell.mf-city-radar-page main#main-content :where(#stl-radar-high-school, #stl-radar-news) .mf-home-spotlight-card__body {
  gap: .58rem !important;
  padding: .9rem !important;
}

body.mf-page-shell.mf-city-radar-page main#main-content :where(#stl-radar-high-school, #stl-radar-news) .mf-home-spotlight-card h3 {
  min-height: 0 !important;
  max-width: none !important;
  -webkit-line-clamp: 3 !important;
  line-height: 1.1 !important;
}

@media (max-width: 1180px) {
  body.mf-page-shell.mf-city-radar-page main#main-content :where(#stl-radar-high-school, #stl-radar-news, #stl-radar-college) :where([data-city-radar-native="high-school"], [data-city-radar-native="news"], [data-city-radar-native="college"]) {
    grid-template-columns: repeat(2, minmax(17rem, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  body.mf-page-shell.mf-city-radar-page main#main-content :where(#stl-radar-pro, #stl-radar-high-school, #stl-radar-news, #stl-radar-college) :where([data-city-radar-native="pro"], [data-city-radar-native="high-school"], [data-city-radar-native="news"], [data-city-radar-native="college"]) {
    grid-template-columns: 1fr !important;
  }

  body.mf-page-shell.mf-city-radar-page main#main-content :where(#stl-radar-high-school, #stl-radar-news) .mf-city-radar-card__detail {
    grid-template-columns: 1fr !important;
  }
}

/* Diaspora hub: fuller rows, African color accents, and denser interactive panels. */
body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-fix-hero {
  position: relative !important;
  min-height: clamp(23rem, 42vw, 31rem) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(232, 48, 42, .22), transparent 19rem),
    radial-gradient(circle at 82% 18%, rgba(245, 200, 66, .22), transparent 22rem),
    radial-gradient(circle at 62% 92%, rgba(45, 184, 75, .24), transparent 24rem),
    linear-gradient(135deg, rgba(2, 15, 9, .94), rgba(6, 31, 28, .9)) !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-fix-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 4px;
  background: linear-gradient(90deg, #e8302a, #f5c842, #2db84b);
  opacity: .9;
}

body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-fix-hero__grid {
  grid-template-columns: minmax(0, 1.1fr) minmax(20rem, .82fr) !important;
  align-items: center !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-fix-hero__copy h1 {
  max-width: 12ch !important;
  font-weight: 800 !important;
  line-height: .98 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 12px 44px rgba(0, 0, 0, .36) !important;
}

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

body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-fix-hero__panel .mf-diaspora-stat-grid article {
  min-height: 5.2rem !important;
  border-left: 4px solid #f5c842 !important;
  background:
    linear-gradient(135deg, rgba(232, 48, 42, .12), transparent 42%),
    linear-gradient(145deg, rgba(45, 184, 75, .14), rgba(255, 255, 255, .035)) !important;
  transition: transform .22s ease, border-color .22s ease, background .22s ease !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-fix-hero__panel .mf-diaspora-stat-grid article:hover {
  transform: translateY(-3px) !important;
  border-color: #2db84b !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-hub-command,
body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-hub-lower {
  width: min(100%, 94rem) !important;
  margin-inline: auto !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-hub-lower {
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
  gap: .85rem !important;
  align-items: start !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-country-panel {
  min-height: 100% !important;
  background:
    radial-gradient(circle at 8% 15%, rgba(232, 48, 42, .13), transparent 16rem),
    radial-gradient(circle at 95% 0%, rgba(245, 200, 66, .16), transparent 18rem),
    rgba(5, 34, 31, .92) !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-country-board {
  display: grid !important;
  grid-template-columns: minmax(13.5rem, .78fr) minmax(0, 1fr) !important;
  gap: .8rem !important;
  align-items: stretch !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-africa-map {
  position: relative !important;
  min-height: 23rem !important;
  border: 1px solid rgba(245, 200, 66, .24) !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 34% 18%, rgba(245, 200, 66, .2), transparent 6.5rem),
    radial-gradient(circle at 72% 76%, rgba(45, 184, 75, .18), transparent 7rem),
    linear-gradient(150deg, rgba(232, 48, 42, .1), rgba(4, 38, 29, .72)) !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-africa-map svg {
  position: absolute !important;
  inset: 1.2rem 1rem .8rem !important;
  width: calc(100% - 2rem) !important;
  height: calc(100% - 2rem) !important;
  filter: drop-shadow(0 18px 34px rgba(0, 0, 0, .32)) !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-africa-map path:first-child {
  fill: rgba(245, 200, 66, .14) !important;
  stroke: rgba(245, 200, 66, .58) !important;
  stroke-width: 3 !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-africa-map path:nth-child(2) {
  fill: rgba(45, 184, 75, .13) !important;
  stroke: rgba(45, 184, 75, .42) !important;
  stroke-width: 2 !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-map-pin {
  position: absolute !important;
  left: var(--pin-x) !important;
  top: var(--pin-y) !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .22rem !important;
  max-width: 8.5rem !important;
  padding: .24rem .38rem !important;
  border: 1px solid rgba(245, 200, 66, .48) !important;
  border-radius: 999px !important;
  background: rgba(3, 18, 14, .88) !important;
  color: #f0f4e9 !important;
  font: 900 .62rem/1 var(--f-mono, "JetBrains Mono", monospace) !important;
  text-transform: uppercase !important;
  transform: translate(-50%, -50%) !important;
  cursor: pointer !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .22) !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-map-pin img {
  width: 1.1rem !important;
  height: .78rem !important;
  object-fit: cover !important;
  border-radius: .18rem !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-map-pin span {
  max-width: 4.2rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-map-pin strong {
  color: #f5c842 !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-map-pin:hover,
body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-map-pin:focus-visible,
body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-map-pin.is-active {
  background: linear-gradient(135deg, rgba(245, 200, 66, .96), rgba(45, 184, 75, .88)) !important;
  border-color: rgba(255, 255, 255, .72) !important;
  color: #05120e !important;
  outline: none !important;
  transform: translate(-50%, -50%) scale(1.06) !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-country-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .55rem !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-country-button {
  min-height: 3.2rem !important;
  border-left: 4px solid #2db84b !important;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-country-button:hover,
body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-country-button:focus-visible,
body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-country-button.is-active {
  background: linear-gradient(135deg, rgba(245, 200, 66, .28), rgba(45, 184, 75, .16)) !important;
  border-color: #f5c842 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .22) !important;
  transform: translateY(-2px) !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-interactive-grid {
  grid-template-columns: minmax(0, 1fr) minmax(18rem, .34fr) !important;
  gap: .78rem !important;
  align-items: start !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-player-grid--tight {
  grid-template-columns: 1fr !important;
  gap: .5rem !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-player-card {
  display: grid !important;
  grid-template-columns: 4.4rem minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 5.6rem !important;
  padding: .52rem !important;
  gap: .58rem !important;
  border-radius: .95rem !important;
  background:
    linear-gradient(90deg, rgba(232, 48, 42, .12), transparent 1.9rem),
    linear-gradient(135deg, rgba(245, 200, 66, .055), rgba(45, 184, 75, .04)),
    rgba(6, 24, 19, .94) !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-player-card:hover,
body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-player-card:focus-visible {
  transform: translateX(.18rem) !important;
  border-color: rgba(245, 200, 66, .62) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .22) !important;
  outline: none !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-player-card__media {
  width: 4.4rem !important;
  height: 4.4rem !important;
  min-height: 0 !important;
  border-radius: .78rem !important;
  overflow: hidden !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-player-card__media img,
body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-player-card__media .mf-diaspora-flag-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-player-card__body {
  display: grid !important;
  grid-template-columns: minmax(10rem, .82fr) minmax(11rem, 1fr) auto !important;
  grid-template-areas:
    "name summary chips"
    "actions summary chips" !important;
  gap: .38rem .68rem !important;
  align-items: center !important;
  min-width: 0 !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-card-row {
  grid-area: name !important;
  display: grid !important;
  gap: .16rem !important;
  min-width: 0 !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-card-row strong {
  display: block !important;
  color: #fff !important;
  font-size: clamp(.98rem, 1.25vw, 1.08rem) !important;
  line-height: 1.06 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-card-row small {
  width: max-content !important;
  max-width: 100% !important;
  padding: .18rem .42rem !important;
  border: 1px solid rgba(245, 200, 66, .28) !important;
  border-radius: 999px !important;
  color: #f5c842 !important;
  font-size: .58rem !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-player-card__body p {
  grid-area: summary !important;
  margin: 0 !important;
  color: rgba(240, 248, 238, .78) !important;
  font-size: .78rem !important;
  line-height: 1.28 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-chip-row {
  grid-area: chips !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, max-content)) !important;
  justify-content: end !important;
  align-content: center !important;
  gap: .28rem !important;
  min-width: 9rem !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-chip-row span {
  max-width: 9.4rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-card-actions {
  grid-area: actions !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .32rem !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-card-actions :where(.stl-btn, summary) {
  min-height: 1.9rem !important;
  padding: .36rem .52rem !important;
  border-radius: 999px !important;
  font-size: .66rem !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-route-grid {
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)) !important;
  gap: .75rem !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-route-card {
  min-height: 0 !important;
  background:
    linear-gradient(135deg, rgba(232, 48, 42, .1), transparent 38%),
    linear-gradient(145deg, rgba(3, 38, 32, .96), rgba(6, 18, 14, .96)) !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-route-card:hover {
  border-color: rgba(245, 200, 66, .62) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .26) !important;
  transform: translateY(-3px) !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-route-card__notes {
  display: grid !important;
  gap: .4rem !important;
  margin: .25rem 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-route-card__notes li {
  display: grid !important;
  gap: .15rem !important;
  padding: .48rem .55rem !important;
  border: 1px solid rgba(245, 200, 66, .18) !important;
  border-radius: .65rem !important;
  background: rgba(255, 255, 255, .035) !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-route-card__notes strong {
  color: #f5c842 !important;
  font-size: .74rem !important;
  line-height: 1.1 !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-route-card__notes span {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  color: rgba(240, 248, 238, .82) !important;
  font-size: .78rem !important;
  line-height: 1.24 !important;
}

body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-route-card__sources {
  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-route-card__sources a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 2rem !important;
  padding: .38rem .55rem !important;
  border: 1px solid rgba(245, 200, 66, .28) !important;
  border-radius: 999px !important;
  color: #f5c842 !important;
  font: 900 .66rem/1 var(--f-mono, "JetBrains Mono", monospace) !important;
  text-transform: uppercase !important;
}

@media (max-width: 980px) {
  body.mf-page-shell.mf-diaspora-page main#main-content .mf-diaspora-fix-hero__grid,
  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-hub-lower,
  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-country-board,
  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-interactive-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-player-grid--tight {
    grid-template-columns: 1fr !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-player-card__body {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "name"
      "summary"
      "chips"
      "actions" !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-chip-row {
    grid-template-columns: repeat(2, minmax(0, max-content)) !important;
    justify-content: start !important;
    min-width: 0 !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-africa-map {
    min-height: 20rem !important;
  }
}

@media (max-width: 620px) {
  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-player-grid--tight,
  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-country-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-player-card {
    grid-template-columns: 3.8rem minmax(0, 1fr) !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app #mf-diaspora-live-board .mf-diaspora-player-card__media {
    width: 3.8rem !important;
    height: 3.8rem !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-map-pin {
    padding: .22rem .3rem !important;
    font-size: .56rem !important;
  }

  body.mf-page-shell.mf-diaspora-page main#main-content #mf-diaspora-section-app .mf-diaspora-map-pin span {
    max-width: 3.35rem !important;
  }
}

/* Youth pathway graph: larger, click-first route nodes with clear movement. */
body.mf-youth-pathway-guide main#main-content .mf-youth-graph-grid {
  grid-template-columns: minmax(0, 1.28fr) minmax(20rem, .72fr) !important;
  gap: 1rem !important;
}

body.mf-youth-pathway-guide main#main-content .mf-youth-pyramid {
  position: relative !important;
  overflow: hidden !important;
  gap: .72rem !important;
  padding: clamp(1rem, 2vw, 1.35rem) !important;
  background:
    linear-gradient(90deg, rgba(232, 48, 42, .1), transparent 20%, transparent 80%, rgba(45, 184, 75, .12)),
    radial-gradient(circle at 50% 4%, rgba(245, 200, 66, .18), transparent 18rem),
    rgba(1, 11, 8, .82) !important;
}

body.mf-youth-pathway-guide main#main-content .mf-youth-pyramid::before {
  content: "";
  position: absolute;
  left: 9%;
  top: 7%;
  bottom: 7%;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(#f5c842, #c8f230, #2db84b);
  box-shadow: 0 0 24px rgba(245, 200, 66, .2);
}

body.mf-youth-pathway-guide main#main-content .mf-youth-stage-node {
  position: relative !important;
  width: 100% !important;
  min-height: 5.8rem !important;
  grid-template-columns: minmax(0, 1fr) minmax(8rem, .45fr) !important;
  border-radius: 999px 18px 18px 999px !important;
  isolation: isolate !important;
}

body.mf-youth-pathway-guide main#main-content .mf-youth-stage-node::before {
  content: attr(data-youth-stage);
  position: absolute;
  left: .85rem;
  top: 50%;
  z-index: -1;
  translate: 0 -50%;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 999px;
  background: var(--stage-color, #f5c842);
  color: #06110c;
  box-shadow: 0 0 0 .4rem rgba(245, 200, 66, .12);
  font-size: 0;
}

body.mf-youth-pathway-guide main#main-content .mf-youth-stage-node:hover,
body.mf-youth-pathway-guide main#main-content .mf-youth-stage-node:focus-visible,
body.mf-youth-pathway-guide main#main-content .mf-youth-stage-node.is-active {
  transform: translateX(.35rem) scale(1.01) !important;
}

body.mf-youth-pathway-guide main#main-content .mf-youth-node-logos {
  justify-content: flex-end !important;
  align-content: center !important;
}

body.mf-youth-pathway-guide main#main-content .mf-youth-node-logo {
  width: 2.7rem !important;
  height: 2.7rem !important;
}

@media (max-width: 900px) {
  body.mf-youth-pathway-guide main#main-content .mf-youth-graph-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-youth-pathway-guide main#main-content .mf-youth-stage-node {
    border-radius: 18px !important;
  }
}

/* Media latest video: thumbnail-forward playlist buttons with readable titles. */
body.mf-media-page main#main-content .mf-media-player-section {
  padding-block: clamp(.85rem, 1.8vw, 1.35rem) !important;
}

body.mf-media-page main#main-content .mf-youtube-station {
  gap: .95rem !important;
}

body.mf-media-page main#main-content .mf-youtube-stage {
  grid-template-columns: minmax(0, 1.08fr) minmax(17rem, .92fr) !important;
  gap: .85rem !important;
}

body.mf-media-page main#main-content .mf-youtube-stage__meta .stl-subheading {
  max-width: none !important;
  font-size: clamp(1.45rem, 2.2vw, 2.2rem) !important;
  line-height: 1.05 !important;
}

body.mf-media-page main#main-content .mf-youtube-actions .stl-btn {
  min-height: 2.35rem !important;
  border-radius: .72rem !important;
  padding-inline: .9rem !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .2) !important;
}

body.mf-media-page main#main-content .mf-youtube-playlist {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .62rem !important;
}

body.mf-media-page main#main-content .mf-youtube-card {
  display: grid !important;
  grid-template-columns: 6.1rem minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  gap: .38rem .62rem !important;
  min-height: 4.95rem !important;
  padding: .52rem !important;
  border-radius: .95rem !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .025)),
    rgba(6, 16, 11, .92) !important;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}

body.mf-media-page main#main-content .mf-youtube-card:hover,
body.mf-media-page main#main-content .mf-youtube-card:focus-visible,
body.mf-media-page main#main-content .mf-youtube-card.is-active {
  transform: translateY(-2px) !important;
  border-color: rgba(245, 200, 66, .72) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .24) !important;
}

body.mf-media-page main#main-content .mf-youtube-card img {
  grid-row: 1 / span 2 !important;
  width: 6.1rem !important;
  height: 3.45rem !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  border-radius: .64rem !important;
}

body.mf-media-page main#main-content .mf-youtube-card span {
  position: static !important;
  grid-column: 3 !important;
  justify-self: end !important;
  align-self: start !important;
  white-space: nowrap !important;
}

body.mf-media-page main#main-content .mf-youtube-card strong {
  grid-column: 2 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  font-size: .92rem !important;
  line-height: 1.08 !important;
}

body.mf-media-page main#main-content .mf-youtube-card small {
  grid-column: 2 / span 2 !important;
  font-size: .64rem !important;
}

@media (max-width: 860px) {
  body.mf-media-page main#main-content .mf-youtube-stage,
  body.mf-media-page main#main-content .mf-youtube-playlist {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mf-page-shell main#main-content :where(.mf-diaspora-route-card, .mf-youtube-card, .mf-youth-stage-node, .mf-diaspora-country-button) {
    transition: none !important;
    transform: none !important;
  }
}

/* Global request: remove page hero sections across routes. */
body > section[class*="hero"],
body > section[class*="Hero"],
main > section[class*="hero"],
main > section[class*="Hero"],
main > #article-hero,
main > .mf-v22-hero {
  display: none !important;
}

/* Global hero redesign: compact editorial card treatment for non-home page heroes. */
body.mf-page-shell:not(.mf-home-taste):not(.mf-system-home) :where(
  .mf-editorial-hero,
  .mf-polish-hero,
  .mf-unified-hero,
  .stl-city-hero,
  .mf-player-directory-hero,
  .mf-simple-page-hero,
  .hero,
  .page-hero
) {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: start stretch !important;
  align-content: start !important;
  padding: calc(var(--nav-height, 68px) + .9rem) 0 clamp(1rem, 2.6vw, 1.6rem) !important;
  border-bottom: 1px solid rgba(245, 200, 66, .18) !important;
}

body.mf-page-shell:not(.mf-home-taste):not(.mf-system-home) :where(
  .mf-editorial-hero,
  .mf-polish-hero,
  .mf-unified-hero,
  .stl-city-hero,
  .mf-player-directory-hero,
  .mf-simple-page-hero,
  .hero,
  .page-hero
)::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at top right, rgba(245, 200, 66, .16), transparent 34%),
    linear-gradient(135deg, rgba(4, 9, 10, .2), rgba(4, 9, 10, .54));
  pointer-events: none;
}

body.mf-page-shell:not(.mf-home-taste):not(.mf-system-home) :where(
  .mf-editorial-hero__grid,
  .mf-polish-hero__grid,
  .mf-unified-hero-grid,
  .mf-player-directory-hero-grid,
  .stl-city-layout,
  .stl-city-hero > .stl-container
) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  align-items: start !important;
  width: min(100% - 1.4rem, 80rem) !important;
  max-width: 80rem !important;
  margin-inline: auto !important;
  gap: .95rem !important;
  text-align: center !important;
}

body.mf-page-shell:not(.mf-home-taste):not(.mf-system-home) :where(
  .mf-editorial-hero,
  .mf-polish-hero,
  .mf-unified-hero,
  .stl-city-hero,
  .mf-player-directory-hero,
  .mf-simple-page-hero,
  .hero,
  .page-hero
):has(:where(.mf-editorial-hero__panel, .mf-hero-side, .mf-unified-hero-badge, .mf-africa-hero-panel, .mf-match-utility)) :where(
  .mf-editorial-hero__grid,
  .mf-polish-hero__grid,
  .mf-unified-hero-grid,
  .mf-player-directory-hero-grid,
  .stl-city-layout
) {
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 23rem) !important;
}

body.mf-page-shell:not(.mf-home-taste):not(.mf-system-home) :where(
  .mf-editorial-hero__grid > div:first-child,
  .mf-article-hero__shell,
  .mf-polish-hero__copy,
  .mf-unified-hero-grid > div:first-child,
  .mf-player-directory-hero-grid > div:first-child,
  .stl-city-layout > div:first-child,
  .stl-city-hero > .stl-container > :first-child,
  .hero-content
) {
  width: min(100%, 46rem) !important;
  max-width: 46rem !important;
  margin: 0 auto !important;
  padding: clamp(1rem, 2.2vw, 1.55rem) !important;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  border-radius: 1.25rem !important;
  background:
    linear-gradient(145deg, rgba(6, 11, 14, .9), rgba(6, 11, 14, .76)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 24px 54px rgba(0, 0, 0, .26) !important;
  backdrop-filter: blur(14px);
}

body.mf-page-shell:not(.mf-home-taste):not(.mf-system-home) :where(
  .mf-editorial-hero__panel,
  .mf-hero-side,
  .mf-unified-hero-badge,
  .mf-africa-hero-panel,
  .mf-match-utility
) {
  display: grid !important;
  gap: .78rem !important;
  align-content: start !important;
  align-self: stretch !important;
  padding: 1rem !important;
  border: 1px solid rgba(245, 200, 66, .18) !important;
  border-radius: 1.05rem !important;
  background:
    linear-gradient(145deg, rgba(7, 15, 18, .9), rgba(6, 12, 15, .72)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 16px 38px rgba(0, 0, 0, .22) !important;
}

body.mf-page-shell:not(.mf-home-taste):not(.mf-system-home) :where(
  .stl-eyebrow,
  .mf-article-breadcrumb a
) {
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
  min-height: 1.95rem !important;
  padding: .36rem .72rem !important;
  border: 1px solid rgba(245, 200, 66, .18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .04) !important;
}

body.mf-page-shell:not(.mf-home-taste):not(.mf-system-home) :where(
  .mf-editorial-hero,
  .mf-polish-hero,
  .mf-unified-hero,
  .stl-city-hero,
  .mf-player-directory-hero,
  .mf-simple-page-hero,
  .hero,
  .page-hero
) :where(h1, .stl-heading, .stl-heading-xl, .mf-unified-hero-title) {
  max-width: 11ch !important;
  margin: .5rem 0 .55rem !important;
  font-size: clamp(1.9rem, 4.2vw, 3.15rem) !important;
  line-height: .94 !important;
  letter-spacing: -.03em !important;
  text-align: center !important;
  margin-inline: auto !important;
}

body.mf-page-shell:not(.mf-home-taste):not(.mf-system-home) :where(
  .mf-editorial-hero,
  .mf-polish-hero,
  .mf-unified-hero,
  .stl-city-hero,
  .mf-player-directory-hero,
  .mf-simple-page-hero,
  .hero,
  .page-hero
) :where(p, .stl-muted, .mf-lede, .mf-unified-hero-copy, .hero-desc) {
  max-width: 58ch !important;
  margin: 0 auto !important;
  font-size: .96rem !important;
  line-height: 1.55 !important;
  text-align: center !important;
  -webkit-line-clamp: unset !important;
}

body.mf-page-shell:not(.mf-home-taste):not(.mf-system-home) :where(
  .hero-ctas,
  .stl-hero-actions,
  .mf-page-actions,
  .mf-home-hero-actions,
  .mf-daily-actions,
  .mf-home-quicklinks,
  .mf-chip-row,
  .mf-system-meta,
  .mf-hero-tags,
  .mf-hero-chip-row,
  .mf-unified-hero-actions,
  .mf-media-hero-actions,
  .site-status-row,
  .yp-stat-strip
) {
  justify-content: center !important;
  margin-inline: auto !important;
  text-align: center !important;
}

body:has(#submit-form).mf-page-shell > .mf-submit-hero {
  padding: calc(var(--nav-height, 68px) + .75rem) 0 1rem !important;
  background-image:
    linear-gradient(110deg, rgba(3, 8, 8, .95) 0%, rgba(6, 18, 24, .8) 44%, rgba(6, 18, 24, .32) 100%),
    linear-gradient(180deg, rgba(255, 213, 76, .08), rgba(255, 59, 127, .08) 58%, rgba(0, 210, 255, .1)),
    url("../img/stl-hero/energizer-park-stl.jpg") !important;
}

body:has(#submit-form).mf-page-shell > .mf-submit-hero .mf-submit-hero__copy {
  max-width: 42rem !important;
}

body:has(#submit-form).mf-page-shell > .mf-submit-hero .mf-page-actions {
  align-items: center !important;
  gap: .65rem !important;
  margin-top: .95rem !important;
  justify-content: center !important;
}

@media (max-width: 980px) {
  body.mf-page-shell:not(.mf-home-taste):not(.mf-system-home) :where(
    .mf-editorial-hero,
    .mf-polish-hero,
    .mf-unified-hero,
    .stl-city-hero,
    .mf-player-directory-hero,
    .mf-simple-page-hero,
    .hero,
    .page-hero
  ):has(:where(.mf-editorial-hero__panel, .mf-hero-side, .mf-unified-hero-badge, .mf-africa-hero-panel, .mf-match-utility)) :where(
    .mf-editorial-hero__grid,
    .mf-polish-hero__grid,
    .mf-unified-hero-grid,
    .mf-player-directory-hero-grid,
    .stl-city-layout
  ) {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body.mf-page-shell:not(.mf-home-taste):not(.mf-system-home) :where(
    .mf-editorial-hero,
    .mf-polish-hero,
    .mf-unified-hero,
    .stl-city-hero,
    .mf-player-directory-hero,
    .mf-simple-page-hero,
    .hero,
    .page-hero
  ) {
    padding: calc(var(--nav-height, 68px) + .75rem) 0 .95rem !important;
  }

  body.mf-page-shell:not(.mf-home-taste):not(.mf-system-home) :where(
    .mf-editorial-hero__grid > div:first-child,
    .mf-article-hero__shell,
    .mf-polish-hero__copy,
    .mf-unified-hero-grid > div:first-child,
    .mf-player-directory-hero-grid > div:first-child,
    .stl-city-layout > div:first-child,
    .stl-city-hero > .stl-container > :first-child,
    .hero-content
  ) {
    width: 100% !important;
    max-width: 100% !important;
    padding: .95rem !important;
    border-radius: 1rem !important;
  }

  body.mf-page-shell:not(.mf-home-taste):not(.mf-system-home) :where(
    .mf-editorial-hero,
    .mf-polish-hero,
    .mf-unified-hero,
    .stl-city-hero,
    .mf-player-directory-hero,
    .mf-simple-page-hero,
    .hero,
    .page-hero
  ) :where(h1, .stl-heading, .stl-heading-xl, .mf-unified-hero-title) {
    max-width: 11.5ch !important;
    font-size: clamp(1.55rem, 7.2vw, 2.15rem) !important;
  }

  body:has(#submit-form).mf-page-shell > .mf-submit-hero .mf-page-actions {
    align-items: stretch !important;
  }
}

/* Final cascade: keep page hero sections removed across routes. */
html body > section[class*="hero"],
html body > section[class*="Hero"],
html body main > section[class*="hero"],
html body main > section[class*="Hero"],
html body main > #article-hero,
html body main > .mf-v22-hero {
  display: none !important;
}

body.mf-system-about main#main-content {
  padding-top: 0 !important;
}

/* STL Soccer hub redesign layer: align with the cleaner MoFutbol V4 system. */
body.stl-soccer-hub-page main#main-content {
  background:
    linear-gradient(180deg, rgba(7, 20, 14, .96), rgba(1, 7, 6, .98) 34rem),
    #020806 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero {
  display: block !important;
  min-height: 0 !important;
  padding: calc(var(--nav-height, 64px) + .7rem) 0 .9rem !important;
  border-bottom: 1px solid rgba(248, 201, 47, .16) !important;
  background:
    linear-gradient(90deg, rgba(4, 15, 10, .96), rgba(8, 30, 18, .78)),
    url("/assets/img/stl-hero/energizer-park-stl.jpg") center / cover no-repeat !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero::before,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero::after,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-bg,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-worldcup-wrap {
  display: none !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-grid,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-grid {
  width: min(100% - 2rem, 1180px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .9fr) !important;
  gap: .85rem !important;
  align-items: stretch !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-copy,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-feed,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-guide {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: .9rem !important;
  border: 1px solid rgba(248, 201, 47, .18) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
    rgba(2, 13, 9, .9) !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, .32) !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-copy,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead {
  display: grid !important;
  gap: .68rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-kicker {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .38rem !important;
  margin: 0 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-kicker span,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-kicker strong,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks a {
  min-height: 30px !important;
  padding: .36rem .58rem !important;
  border: 1px solid rgba(248, 201, 47, .2) !important;
  border-radius: 999px !important;
  color: #fffbe8 !important;
  background: rgba(255, 255, 255, .045) !important;
  font: 800 .62rem/1 var(--f-mono, monospace) !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hero-title-streamlined,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead h1 {
  max-width: 18ch !important;
  margin: 0 !important;
  color: #fffbe8 !important;
  font-size: clamp(1.8rem, 4.2vw, 3.35rem) !important;
  line-height: .98 !important;
  letter-spacing: 0 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-copy > p,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead > p {
  max-width: 64ch !important;
  margin: 0 !important;
  color: rgba(245, 247, 235, .8) !important;
  font-size: .96rem !important;
  line-height: 1.45 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-actions,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-actions,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .5rem !important;
  margin: 0 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-actions .stl-btn,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-actions .stl-btn {
  min-height: 42px !important;
  border-radius: 10px !important;
  padding: .55rem .7rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks a {
  justify-content: center !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer {
  width: 100% !important;
  margin: .08rem 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  scroll-margin-top: min(48vh, 27rem) !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer > .stl-container {
  width: 100% !important;
  padding: 0 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl {
  padding: .72rem !important;
  border: 1px solid rgba(31, 203, 116, .22) !important;
  border-radius: 12px !important;
  background: rgba(0, 18, 13, .72) !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: .55rem !important;
  align-items: end !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head h2 {
  margin: .12rem 0 0 !important;
  font-size: 1rem !important;
  line-height: 1.05 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head p {
  display: none !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .46rem !important;
  margin-top: .6rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card {
  min-height: 5.65rem !important;
  padding: .55rem !important;
  border-radius: 10px !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card strong {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  font-size: .82rem !important;
  line-height: 1.08 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card small,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__actions {
  display: none !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hub-proof-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .5rem !important;
  margin: 0 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hub-proof-card {
  min-height: 0 !important;
  padding: .58rem !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .04) !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hub-proof-card strong {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  font-size: .76rem !important;
  line-height: 1.18 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-guide-top {
  margin: 0 0 .62rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-feed-list {
  display: grid !important;
  gap: .56rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-live-item {
  display: grid !important;
  grid-template-columns: 3.6rem minmax(0, 1fr) !important;
  gap: .58rem !important;
  min-height: 5.25rem !important;
  padding: .58rem !important;
  border-radius: 12px !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-live-item img {
  width: 3.6rem !important;
  height: 3.6rem !important;
  border-radius: 10px !important;
  object-fit: cover !important;
}

body.stl-soccer-hub-page .mf-stl-section-nav {
  position: sticky !important;
  top: var(--nav-height, 64px) !important;
  z-index: 30 !important;
  padding: .45rem 0 !important;
  border-block: 1px solid rgba(248, 201, 47, .14) !important;
  background: rgba(2, 10, 7, .94) !important;
  backdrop-filter: blur(12px) !important;
}

body.stl-soccer-hub-page .mf-stl-section-nav .stl-container {
  width: min(100% - 2rem, 1180px) !important;
  display: flex !important;
  gap: .42rem !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

body.stl-soccer-hub-page .mf-stl-section-nav .stl-container::-webkit-scrollbar {
  display: none !important;
}

body.stl-soccer-hub-page .mf-stl-section-nav a {
  flex: 0 0 auto !important;
  min-height: 34px !important;
  padding: .48rem .7rem !important;
  border: 1px solid rgba(248, 201, 47, .18) !important;
  border-radius: 999px !important;
  color: #fffbe8 !important;
  background: rgba(255, 255, 255, .035) !important;
  font: 800 .62rem/1 var(--f-mono, monospace) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.stl-soccer-hub-page main#main-content > .stl-section,
body.stl-soccer-hub-page main#main-content > .section {
  padding-block: clamp(1.05rem, 2vw, 1.65rem) !important;
}

body.stl-soccer-hub-page main#main-content > .stl-section > .stl-container,
body.stl-soccer-hub-page main#main-content > .section > .container {
  width: min(100% - 2rem, 1180px) !important;
}

body.stl-soccer-hub-page main#main-content .stl-section-header-row {
  min-height: 0 !important;
  padding: .78rem .85rem !important;
  border: 1px solid rgba(248, 201, 47, .16) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .035) !important;
}

body.stl-soccer-hub-page main#main-content .stl-section-header-row .stl-subheading {
  font-size: clamp(1.18rem, 2.15vw, 1.9rem) !important;
  line-height: 1.02 !important;
}

body.stl-soccer-hub-page main#main-content .stl-section-header-row p {
  max-width: 72ch !important;
}

body.stl-soccer-hub-page main#main-content :where(.stl-hub-tier-grid, .mf-home-spotlight-grid) {
  gap: .75rem !important;
}

@media (max-width: 980px) {
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-grid,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-grid {
    grid-template-columns: 1fr !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-feed,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-guide {
    display: none !important;
  }
}

@media (max-width: 760px) {
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero {
    padding: calc(var(--nav-height, 58px) + .55rem) 0 .75rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-grid,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-grid,
  body.stl-soccer-hub-page .mf-stl-section-nav .stl-container,
  body.stl-soccer-hub-page main#main-content > .stl-section > .stl-container,
  body.stl-soccer-hub-page main#main-content > .section > .container {
    width: min(100% - 1.25rem, 1180px) !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-actions,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hub-proof-row {
    grid-template-columns: 1fr !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hub-proof-row {
    display: none !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-actions .stl-btn,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-actions .stl-btn,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks a {
    min-height: 38px !important;
    padding: .45rem .42rem !important;
    font-size: .58rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hero-title-streamlined,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead h1 {
    max-width: 14ch !important;
    font-size: clamp(1.58rem, 9vw, 2.25rem) !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head,
  body.stl-soccer-hub-page main#main-content .stl-section-header-row {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 761px) {
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero {
    padding-top: calc(var(--nav-height, 64px) + 3.1rem) !important;
  }
}

/* Cross-browser mobile parity: keep Chrome, Safari, and WebKit shells aligned. */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

@media (max-width: 860px) {
  body.mf-page-shell .site-header__inner,
  body.mf-home-taste .site-header__inner {
    min-width: 0 !important;
  }

  body.mf-page-shell .site-header__actions,
  body.mf-home-taste .site-header__actions {
    display: flex !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }

  body.mf-page-shell .site-header__actions > .site-header__cta,
  body.mf-page-shell .site-header__actions > .site-theme-toggle,
  body.mf-home-taste .site-header__actions > .site-header__cta,
  body.mf-home-taste .site-header__actions > .site-theme-toggle {
    display: none !important;
  }

  body.mf-page-shell .site-nav__menu-button,
  body.mf-home-taste .site-nav__menu-button {
    display: inline-flex !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
}

@media (max-width: 720px) {
  body.mf-podcast-page .stl-city-hero {
    padding-block: calc(var(--nav-height, 60px) + .55rem) .85rem !important;
  }

  body.mf-podcast-page .stl-city-layout {
    gap: .75rem !important;
  }

  body.mf-podcast-page .mf-platform-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .45rem !important;
    margin-top: .75rem !important;
  }

  body.mf-podcast-page .mf-podcast-hero-media {
    gap: .5rem !important;
  }

  body.mf-podcast-page .mf-podcast-image-card {
    grid-template-columns: 5.8rem minmax(0, 1fr) !important;
  }

  body.mf-podcast-page .mf-podcast-image-card__media {
    min-height: 5.4rem !important;
  }

  body.mf-podcast-page .mf-podcast-image-card__copy {
    padding: .55rem !important;
    gap: .22rem !important;
  }

  body.mf-podcast-page .mf-podcast-image-strip {
    display: none !important;
  }

  body.mf-podcast-page .mf-podcast-source-board {
    padding: .7rem !important;
    border-radius: .8rem !important;
  }

  body.mf-podcast-page .mf-podcast-source-board__head h2 {
    font-size: 1.18rem !important;
    line-height: 1.08 !important;
  }

  body.mf-podcast-page .mf-podcast-source-count {
    min-width: 3.4rem !important;
    min-height: 2.6rem !important;
    font-size: 1.2rem !important;
  }

  body.mf-podcast-page .mf-podcast-source-filters {
    gap: .34rem !important;
    margin-bottom: .55rem !important;
  }

  body.mf-podcast-page .mf-podcast-source-filters button {
    min-height: 38px !important;
    padding: .42rem .6rem !important;
    font-size: .7rem !important;
  }

  body.mf-podcast-page .mf-podcast-source-grid {
    max-height: 62rem !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
    gap: .5rem !important;
  }

  body.mf-podcast-page .mf-podcast-source-card {
    grid-template-rows: 5.8rem minmax(0, 1fr) !important;
  }

  body.mf-podcast-page .mf-podcast-source-card__body {
    gap: .28rem !important;
    padding: .52rem !important;
  }

  body.mf-podcast-page .mf-podcast-source-card h3 {
    font-size: .86rem !important;
  }

  body.mf-podcast-page .mf-podcast-source-card p {
    -webkit-line-clamp: 2 !important;
    font-size: .72rem !important;
  }
}

/* STL hub requested cleanup: final override after global parity rules. */
@media (min-width: 761px) {
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero {
    padding: calc(var(--nav-height, 64px) + .75rem) 0 .6rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-grid,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-grid {
    width: min(100% - 1.2rem, 1240px) !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(21rem, .8fr) !important;
    gap: .58rem !important;
    align-items: start !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-copy,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-feed,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-guide {
    padding: .68rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hub-proof-row {
    display: none !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-feed,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-guide {
    height: auto !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hero-title-streamlined,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead h1 {
    max-width: 25ch !important;
    font-size: clamp(2rem, 3vw, 2.65rem) !important;
    line-height: 1 !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card {
    min-height: 4.25rem !important;
  }
}

body.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-art,
body.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-art--official {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: clamp(5rem, 6vw, 6rem) !important;
  padding: .7rem !important;
  overflow: hidden !important;
}

body.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-art img,
body.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-art--official img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: min(68%, 7.5rem) !important;
  max-height: 3.9rem !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

body.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-card:hover .stl-hub-tier-art img,
body.stl-soccer-hub-page #stl-hub-pro .stl-hub-tier-card:focus-within .stl-hub-tier-art img {
  transform: none !important;
}

body.stl-soccer-hub-page #tier-elite-youth .stl-hub-slysa-map {
  background:
    linear-gradient(135deg, rgba(3, 18, 23, .94), rgba(4, 47, 56, .82)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.045) 0 1px, transparent 1px 14px) !important;
}

/* Audit cleanup 2026-07: compact first views and mobile paths. */
.skip-link,
.mf-skip-link {
  left: 0 !important;
  top: 0 !important;
  z-index: 1600 !important;
  width: 1px !important;
  max-width: 1px !important;
  min-height: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  border-radius: 999px !important;
  font-size: .72rem !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
  box-shadow: 0 .35rem 1rem rgba(0, 0, 0, .34) !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  transform: none !important;
}

.skip-link:focus,
.skip-link:focus-visible,
.mf-skip-link:focus,
.mf-skip-link:focus-visible {
  left: .7rem !important;
  top: .38rem !important;
  width: auto !important;
  max-width: max-content !important;
  min-height: 0 !important;
  height: auto !important;
  padding: .4rem .62rem !important;
  margin: 0 !important;
  clip: auto !important;
  clip-path: none !important;
  overflow: visible !important;
  transform: translateY(0) !important;
  outline: 2px solid rgba(214, 255, 31, .92) !important;
  outline-offset: 2px !important;
}

.site-drawer__quick {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  padding: .75rem;
  border: 1px solid rgba(255, 218, 54, .18);
  border-radius: 16px;
  background: rgba(7, 18, 15, .78);
}

.site-drawer__quick-link {
  min-height: 3.25rem !important;
  padding: .62rem !important;
  border-radius: 12px !important;
}

.site-drawer__quick-link:first-child {
  grid-column: span 2;
}

.site-drawer__group {
  padding: 0 !important;
}

.site-drawer__group > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  cursor: pointer;
  list-style: none;
  padding: .7rem .78rem;
}

.site-drawer__group > summary::-webkit-details-marker {
  display: none;
}

.site-drawer__group > summary::after {
  content: "+";
  display: inline-grid;
  place-items: center;
  width: 1.45rem;
  height: 1.45rem;
  border: 1px solid rgba(255, 218, 54, .24);
  border-radius: 999px;
  color: var(--color-accent, #d6ff1f);
  font-weight: 900;
}

.site-drawer__group[open] > summary::after {
  content: "-";
}

.site-drawer__links {
  display: grid;
  gap: .46rem;
  padding: 0 .55rem .58rem;
}

.site-drawer__single {
  padding: .28rem !important;
}

@media (max-width: 760px) {
  body.mf-stl-directory-page main#main-content {
    display: flex;
    flex-direction: column;
  }

  body.mf-stl-directory-page .mf-directory-hero {
    order: 1;
  }

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

  body.mf-stl-directory-page #coaches-trainers {
    order: 3;
    padding-top: .95rem !important;
  }

  body.mf-stl-directory-page #suggest-listing {
    order: 4;
  }

  body.mf-stl-directory-page .stl-directory-toolbar {
    padding: .85rem !important;
  }

  body.mf-stl-directory-page .stl-directory-toolbar__intro {
    text-align: left !important;
  }

  body.mf-submit-player-page .mf-spotlight-live-preview {
    max-height: 3.35rem;
    overflow: hidden;
    padding: .58rem .7rem !important;
  }

  body.mf-submit-player-page .mf-spotlight-live-preview .stl-eyebrow::after {
    content: " updates live";
  }

  body.mf-submit-player-page .mf-spotlight-live-preview small,
  body.mf-submit-player-page .mf-spotlight-live-preview p {
    display: none !important;
  }

  body.mf-submit-player-page .mf-spotlight-process {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .42rem !important;
  }
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-feed,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-guide,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hub-proof-row {
  display: none !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-grid,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-grid {
  width: min(100% - 1rem, 980px) !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-copy,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead {
  max-width: 100% !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: 36rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-today-stl__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.mf-world-cup-page .mf-wc-v42-board {
  padding-block: calc(var(--nav-height, 64px) + .05rem) .38rem !important;
}

body.mf-world-cup-page .mf-wc-v42-board__inner {
  gap: .3rem !important;
  padding-block: .45rem !important;
}

body.mf-world-cup-page .mf-wc-v42-board__head {
  grid-template-columns: minmax(0, 1fr) minmax(17rem, .34fr) !important;
  align-items: center !important;
  gap: .36rem !important;
}

body.mf-world-cup-page .mf-wc-v42-board__head h1 {
  max-width: 30ch !important;
  font-size: clamp(1.24rem, 2.1vw, 1.86rem) !important;
  line-height: .92 !important;
}

body.mf-world-cup-page .mf-wc-v42-board__head p {
  margin-top: .16rem !important;
  font-size: .76rem !important;
  line-height: 1.18 !important;
}

body.mf-world-cup-page .mf-wc-v42-status {
  padding: .38rem .48rem !important;
}

body.mf-world-cup-page .mf-wc-v42-status strong {
  font-size: .78rem !important;
  line-height: 1.05 !important;
}

body.mf-world-cup-page .mf-wc-v42-status p {
  font-size: .68rem !important;
  line-height: 1.16 !important;
}

body.mf-world-cup-page .mf-wc-v42-grid {
  grid-template-columns: minmax(0, 1fr) minmax(15rem, .34fr) !important;
  gap: .32rem !important;
  align-items: start !important;
}

body.mf-world-cup-page .mf-wc-v42-grid__slots {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .28rem !important;
}

body.mf-world-cup-page .mf-wc-v42-match {
  min-height: 3.45rem !important;
  padding: .32rem .42rem !important;
  border-radius: 10px !important;
}

body.mf-world-cup-page .mf-wc-v42-match strong {
  font-size: .72rem !important;
  line-height: 1.04 !important;
}

body.mf-world-cup-page .mf-wc-v42-match small,
body.mf-world-cup-page .mf-wc-v42-match em {
  font-size: .58rem !important;
  line-height: 1.1 !important;
}

body.mf-world-cup-page .mf-wc-v42-match p {
  display: none !important;
}

body.mf-world-cup-page .mf-wc-v42-detail {
  gap: .26rem !important;
  max-height: 7.6rem !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding: .42rem !important;
  border-radius: 10px !important;
}

body.mf-world-cup-page .mf-wc-v42-detail__teams {
  gap: .16rem !important;
  padding: .34rem !important;
}

body.mf-world-cup-page .mf-wc-v42-actions {
  gap: .24rem !important;
}

body.mf-world-cup-page .mf-wc-v42-actions a,
body.mf-world-cup-page .mf-wc-v42-tabs button {
  min-height: 26px !important;
  padding: .28rem .52rem !important;
  font-size: .68rem !important;
}

@media (max-width: 900px) {
  body.mf-world-cup-page .mf-wc-v42-grid {
    grid-template-columns: 1fr !important;
  }

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

@media (max-width: 540px) {
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-today-stl__grid,
  body.mf-world-cup-page .mf-wc-v42-grid__slots {
    grid-template-columns: 1fr !important;
  }
}

/* Homepage compact hero and stronger World Cup visual treatment. */
@media (min-width: 900px) {
  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean {
    min-height: 0 !important;
    padding: calc(var(--nav-height, 64px) + .25rem) 0 .65rem !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-hero__grid {
    width: min(100% - 1.5rem, 1240px) !important;
    grid-template-columns: minmax(0, 2.12fr) minmax(16rem, .68fr) !important;
    gap: .64rem !important;
    align-items: start !important;
    padding-block: 0 !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-hero__copy {
    display: grid !important;
    grid-template-columns: minmax(21rem, .88fr) minmax(24rem, 1.12fr) !important;
    grid-template-areas:
      "kicker kicker"
      "title leagues"
      "lede routes"
      "actions routes"
      "now routes" !important;
    gap: .5rem .58rem !important;
    padding: .72rem !important;
    align-content: start !important;
    align-items: start !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-hero-kicker {
    grid-area: kicker !important;
    margin: 0 !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean h1 {
    grid-area: title !important;
    max-width: 19ch !important;
    margin: 0 !important;
    font-size: clamp(1.9rem, 2.35vw, 2.48rem) !important;
    line-height: .98 !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-hero__lede {
    grid-area: lede !important;
    max-width: 32ch !important;
    margin: 0 !important;
    font-size: clamp(.98rem, 1.08vw, 1.16rem) !important;
    line-height: 1.18 !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-now-line {
    grid-area: now !important;
    margin: 0 !important;
    padding: .58rem .66rem !important;
    max-width: 100% !important;
    gap: .12rem !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-now-line strong {
    font-size: .88rem !important;
    line-height: 1.1 !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-now-line small {
    font-size: .68rem !important;
    line-height: 1.2 !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-actions {
    grid-area: actions !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .4rem !important;
    margin: 0 !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-actions a {
    min-height: 2.55rem !important;
    padding: .44rem .54rem !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-league-doors {
    grid-area: leagues !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .42rem !important;
    margin: 0 !important;
    align-self: start !important;
    align-items: start !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-league-doors a {
    min-height: 3.15rem !important;
    height: auto !important;
    padding: .48rem .56rem !important;
    gap: .22rem !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-league-doors strong {
    font-size: .92rem !important;
    line-height: 1 !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-league-doors small {
    font-size: .72rem !important;
    line-height: 1.12 !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-quick-routes {
    grid-area: routes !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .42rem !important;
    margin: 0 !important;
    align-self: start !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-quick-routes a {
    min-height: 2.68rem !important;
    padding: .44rem .5rem !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-find-panel {
    padding: .72rem !important;
    align-self: start !important;
    gap: .4rem !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-find-panel a {
    min-height: 2.58rem !important;
    padding: .42rem .52rem !important;
  }
}

body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-worldcup {
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(2, 13, 16, .94), rgba(4, 35, 45, .74) 48%, rgba(2, 13, 16, .88)),
    url("/assets/img/world-cup-hosts/world-cup-trophy-hero.jpg") center 42% / cover no-repeat !important;
}

body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-worldcup::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background:
    radial-gradient(circle at 78% 35%, rgba(255, 218, 54, .28), transparent 25%),
    linear-gradient(115deg, rgba(0, 0, 0, .2), rgba(3, 42, 55, .38)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 76px) !important;
  opacity: 1 !important;
}

body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-worldcup::after {
  opacity: .42 !important;
}

body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-worldcup .mf-v22-worldcup__grid {
  position: relative !important;
  z-index: 1 !important;
}

body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-worldcup .mf-v22-worldcup__grid > div:first-child,
body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-worldcup .mf-v22-worldcup__links a {
  background: rgba(5, 20, 24, .74) !important;
  backdrop-filter: blur(10px) !important;
}

/* STL hub hero: compact command view. */
body.stl-soccer-hub-page main#main-content > .mf-daily-hero {
  min-height: 0 !important;
  padding: calc(var(--nav-height, 64px) + .25rem) 0 .42rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-bg {
  opacity: .58 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-worldcup-wrap,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero [data-sponsor-zone="home-hero"],
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hub-proof-row,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-feed,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-guide {
  display: none !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-grid,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-grid {
  width: min(100% - 1rem, 1040px) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-copy,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead {
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(17rem, .62fr) !important;
  grid-template-areas:
    "kicker quick"
    "title quick"
    "copy quick"
    "actions quick"
    "today today" !important;
  gap: .44rem .72rem !important;
  max-width: none !important;
  padding: .72rem !important;
  border-radius: 18px !important;
  background: rgba(4, 21, 28, .78) !important;
  align-items: start !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-kicker {
  grid-area: kicker !important;
  margin: 0 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hero-title-streamlined,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead h1 {
  grid-area: title !important;
  max-width: 18ch !important;
  margin: 0 !important;
  font-size: clamp(1.85rem, 2.35vw, 2.45rem) !important;
  line-height: .96 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-copy > p,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead > p {
  grid-area: copy !important;
  max-width: 58ch !important;
  margin: 0 !important;
  font-size: .86rem !important;
  line-height: 1.28 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-actions,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-actions {
  grid-area: actions !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 8.4rem)) !important;
  gap: .38rem !important;
  margin: .08rem 0 0 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-actions .stl-btn,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-actions .stl-btn {
  min-height: 2.35rem !important;
  padding: .45rem .58rem !important;
  font-size: .68rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks {
  grid-area: quick !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-self: start !important;
  width: 100% !important;
  max-width: none !important;
  gap: .42rem !important;
  margin: 0 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks a {
  min-height: 2.4rem !important;
  padding: .42rem .55rem !important;
  border-radius: 999px !important;
  font-size: .64rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer {
  grid-area: today !important;
  margin: .12rem 0 0 !important;
  padding: .46rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer > .stl-container {
  width: 100% !important;
  padding: 0 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl {
  padding: .48rem !important;
  gap: .42rem !important;
  border-radius: 14px !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: .5rem !important;
  align-items: center !important;
  margin: 0 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head h2 {
  font-size: .98rem !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head p {
  display: none !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .38rem !important;
  margin: 0 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card {
  min-height: 4rem !important;
  padding: .5rem !important;
  border-radius: 10px !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card strong {
  font-size: .72rem !important;
  line-height: 1.08 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card small {
  display: none !important;
}

@media (max-width: 760px) {
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero {
    padding: calc(var(--nav-height, 60px) + .35rem) 0 .45rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-copy,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "kicker"
      "title"
      "copy"
      "actions"
      "quick"
      "today" !important;
    padding: .68rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-actions,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-actions,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

body.mf-home-v22 .mf-v22-hero--clean :is(.mf-v22-actions a, .mf-v22-league-doors a, .mf-v22-quick-routes a, .mf-v22-find-panel a) {
  position: relative !important;
  overflow: hidden !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}

body.mf-home-v22 .mf-v22-hero--clean :is(.mf-v22-actions a, .mf-v22-league-doors a, .mf-v22-quick-routes a, .mf-v22-find-panel a)::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(110deg, transparent 0 40%, rgba(255,255,255,.12) 50%, transparent 62%) !important;
  transform: translateX(-120%) !important;
  transition: transform .38s ease !important;
}

body.mf-home-v22 .mf-v22-hero--clean :is(.mf-v22-actions a, .mf-v22-league-doors a, .mf-v22-quick-routes a, .mf-v22-find-panel a):hover,
body.mf-home-v22 .mf-v22-hero--clean :is(.mf-v22-actions a, .mf-v22-league-doors a, .mf-v22-quick-routes a, .mf-v22-find-panel a):focus-visible,
body.mf-home-v22 .mf-v22-hero--clean :is(.mf-v22-actions a, .mf-v22-league-doors a, .mf-v22-quick-routes a, .mf-v22-find-panel a).is-route-active {
  border-color: rgba(214, 255, 31, .64) !important;
  background: rgba(21, 47, 31, .74) !important;
  box-shadow: 0 .8rem 1.8rem rgba(0, 0, 0, .24), inset 0 0 0 1px rgba(214, 255, 31, .12) !important;
  transform: translateY(-2px) !important;
}

body.mf-home-v22 .mf-v22-hero--clean :is(.mf-v22-actions a, .mf-v22-league-doors a, .mf-v22-quick-routes a, .mf-v22-find-panel a):hover::after,
body.mf-home-v22 .mf-v22-hero--clean :is(.mf-v22-actions a, .mf-v22-league-doors a, .mf-v22-quick-routes a, .mf-v22-find-panel a):focus-visible::after,
body.mf-home-v22 .mf-v22-hero--clean :is(.mf-v22-actions a, .mf-v22-league-doors a, .mf-v22-quick-routes a, .mf-v22-find-panel a).is-route-active::after {
  transform: translateX(120%) !important;
}

body.mf-home-v22 .mf-v22-route-preview {
  display: grid !important;
  gap: .18rem !important;
  padding: .62rem !important;
  border: 1px solid rgba(214, 255, 31, .26) !important;
  border-radius: 12px !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(214,255,31,.2), transparent 34%),
    linear-gradient(135deg, rgba(8, 34, 32, .9), rgba(6, 16, 14, .88)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

body.mf-home-v22 .mf-v22-route-preview span {
  color: var(--color-accent, #d6ff1f) !important;
  font-family: var(--font-mono, "JetBrains Mono", monospace) !important;
  font-size: .62rem !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body.mf-home-v22 .mf-v22-route-preview strong {
  color: #fff !important;
  font-size: .95rem !important;
  line-height: 1.02 !important;
}

body.mf-home-v22 .mf-v22-route-preview small {
  color: rgba(244, 248, 240, .76) !important;
  font-size: .72rem !important;
  line-height: 1.22 !important;
}

body.mf-home-v22 .mf-v22-route-preview__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 2rem !important;
  margin-top: .25rem !important;
  padding: .38rem .5rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(245, 200, 66, .44) !important;
  background: rgba(0,0,0,.34) !important;
  color: var(--color-accent, #d6ff1f) !important;
  font-size: .68rem !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
}

@media (min-width: 900px) {
  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-find-panel {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto repeat(3, minmax(0, auto)) !important;
    align-content: start !important;
    gap: .42rem !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-find-panel > .mf-v22-kicker,
  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-find-panel > .mf-v22-route-preview {
    grid-column: 1 / -1 !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-find-panel a:not(.mf-v22-route-preview__cta) {
    min-height: 2.55rem !important;
    padding: .42rem .48rem !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-find-panel a:not(.mf-v22-route-preview__cta) strong {
    font-size: .76rem !important;
    line-height: 1.05 !important;
  }

  body.mf-home-v22 main#main-content.mf-v22-home > .mf-v22-hero--clean .mf-v22-find-panel a:not(.mf-v22-route-preview__cta) small {
    display: none !important;
  }
}

@media (max-width: 760px) {
  body.mf-home-v22 .mf-v22-route-preview {
    display: none !important;
  }
}

/* Mobile-first audit fixes 2026-07-07: compact content paths without changing brand. */
@media (max-width: 820px) {
  body.mf-page-shell .mf-v44-lanes {
    display: grid !important;
    grid-template-columns: 1fr !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
    scroll-snap-type: none !important;
  }

  body.mf-page-shell .mf-v44-lane {
    width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    min-height: 4.7rem !important;
  }

  body.mf-stl-directory-page #stl-directory {
    scroll-margin-top: 4.6rem;
  }

  body.mf-stl-directory-page .stl-directory-toolbar {
    position: sticky;
    top: 3.55rem;
    z-index: 18;
    margin-bottom: .55rem !important;
  }

  body.mf-stl-directory-page .stl-trainer-week {
    padding: .78rem !important;
  }

  body.mf-stl-directory-page .stl-directory-lanes,
  body.mf-stl-directory-page .stl-directory-tabs,
  body.mf-stl-directory-page .stl-directory-stats {
    display: none !important;
  }

  body.mf-stl-directory-page .stl-directory-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .62rem !important;
  }

  body.mf-stl-directory-page .stl-directory-mobile-group {
    border: 1px solid rgba(245, 200, 66, .22);
    border-radius: 12px;
    background: rgba(6, 18, 12, .94);
    overflow: hidden;
  }

  body.mf-stl-directory-page .stl-directory-mobile-group summary {
    min-height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    padding: .72rem .78rem;
    color: #fff;
    font-weight: 900;
    cursor: pointer;
  }

  body.mf-stl-directory-page .stl-directory-mobile-group summary b {
    min-width: 2rem;
    border-radius: 999px;
    padding: .28rem .5rem;
    background: linear-gradient(135deg, #ffd447, #cfff24);
    color: #061007;
    font: 900 .68rem/1 "JetBrains Mono", monospace;
    text-align: center;
  }

  body.mf-stl-directory-page .stl-directory-mobile-group__grid {
    display: grid;
    gap: .56rem;
    padding: 0 .58rem .58rem;
  }

  body.mf-media-page .mf-media-studio {
    min-height: 0 !important;
  }

  body.mf-media-page .stl-section,
  body.mf-media-page .mf-media-player-section,
  body.mf-media-page .mf-whale-station-section {
    padding-block: .8rem !important;
    margin-block: 0 !important;
  }

  body.mf-media-page .mf-media-player-grid,
  body.mf-media-page .mf-youtube-stage,
  body.mf-media-page .mf-whale-station {
    grid-template-columns: 1fr !important;
    gap: .7rem !important;
  }

  body.mf-media-page .mf-whale-station {
    min-height: 0 !important;
    padding: .82rem !important;
  }

  body.mf-media-page .mf-whale-episodes {
    max-height: 18rem !important;
    overflow: auto !important;
  }

  body.mf-media-page .site-newsletter-shell {
    margin-top: 0 !important;
  }

  body.mf-match-center-main .mf-v44-strip,
  body.mf-match-center-main .mf-match-polish-hero,
  body.mf-match-center-main .mf-editorial-hero {
    padding-block: .55rem !important;
  }

  body.mf-match-center-main .mf-matchday-desk {
    padding-top: .7rem !important;
  }

  body.mf-match-center-main .mf-matchday-card-grid,
  body.mf-match-center-main .mf-matchday-modules,
  body.mf-match-center-main .mf-matchday-toolbar {
    grid-template-columns: 1fr !important;
    gap: .6rem !important;
  }

  body.mf-match-center-main .mf-matchday-card,
  body.mf-match-center-main .mf-matchday-module,
  body.mf-match-center-main .mf-matchday-toolbar {
    min-height: 0 !important;
    padding: .72rem !important;
  }

  body.mf-match-center-main .mf-matchday-card:nth-child(n+7) {
    display: none !important;
  }

  body.mf-match-center-main :where(.mf-matchday-tabs, .mf-matchday-filter-row, .mc-date-tabs) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: visible !important;
    gap: .45rem !important;
  }

  body.mf-match-center-main :where(.mf-matchday-tabs button, .mf-matchday-filter-row button, .mc-date-tabs button) {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
  }

  body.mf-stl-directory-page :where(.stl-camp-filters, .stl-camp-week-tabs, .stl-camp-view-toggle) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .42rem !important;
    overflow: visible !important;
  }

  body.mf-stl-directory-page :where(.stl-camp-filters button, .stl-camp-week-tabs button, .stl-camp-view-toggle button) {
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
  }

  body.mf-diaspora-page :where(.mf-diaspora-control-deck, .mf-diaspora-control-row, .mf-diaspora-control-grid) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    overflow: visible !important;
    gap: .55rem !important;
  }

  body.mf-diaspora-page .mf-diaspora-control-tile {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.mf-afcon-page :where(.mf-afcon-country-directory__grid, .mf-afcon-country-grid, .mf-afcon-filterbar, .mf-diaspora-filterbar) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: visible !important;
    gap: .45rem !important;
  }

  body.mf-afcon-page :where(.mf-afcon-country-button, .mf-afcon-country-directory__grid button, .mf-afcon-filterbar button, .mf-diaspora-filterbar button) {
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
  }
}

body.mf-afcon-page :where(.mf-afcon-country-directory__grid, .mf-afcon-country-grid) {
  max-width: 100%;
  overflow: hidden;
}

@media (max-width: 820px) {
  body.mf-match-center-page main#main-content .mf-matchday-tabs,
  body.mf-match-center-page main#main-content .mf-matchday-filter-row,
  body.mf-match-center-page main#main-content .mc-date-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    gap: .45rem !important;
  }

  body.mf-match-center-page main#main-content .mf-matchday-tabs button,
  body.mf-match-center-page main#main-content .mf-matchday-filter-row button,
  body.mf-match-center-page main#main-content .mc-date-tabs button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    transform: none !important;
  }

  body.mf-stl-directory-page main#main-content .stl-camp-filters,
  body.mf-stl-directory-page main#main-content .stl-camp-week-tabs,
  body.mf-stl-directory-page main#main-content .stl-camp-view-toggle {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    gap: .42rem !important;
  }

  body.mf-stl-directory-page main#main-content .stl-camp-filters button,
  body.mf-stl-directory-page main#main-content .stl-camp-week-tabs button,
  body.mf-stl-directory-page main#main-content .stl-camp-view-toggle button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    transform: none !important;
  }

  body.mf-diaspora-page main#main-content .mf-diaspora-route-strip,
  body.mf-diaspora-page main#main-content .mf-diaspora-control-spotlights__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    gap: .5rem !important;
  }

  body.mf-diaspora-page main#main-content .mf-diaspora-route-strip button,
  body.mf-diaspora-page main#main-content .mf-diaspora-control-tile {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    transform: none !important;
  }

  body.mf-afcon-page main#main-content .mf-afcon-flag-marquee,
  body.mf-afcon-page main#main-content .mf-afcon-command__teams {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    gap: .45rem !important;
  }

  body.mf-afcon-page main#main-content .mf-afcon-country-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    transform: none !important;
  }
}

body.mf-afcon-page main#main-content .mf-afcon-flag-marquee,
body.mf-afcon-page main#main-content .mf-afcon-command__teams {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Sitewide spacing cleanup: tighten dead space without changing structure. */
:root {
  --mf-compact-section: clamp(1rem, 2.5vw, 1.9rem);
  --mf-compact-section-mobile: clamp(.85rem, 4.2vw, 1.2rem);
  --mf-compact-hero: clamp(1.15rem, 3vw, 2.35rem);
  --mf-compact-card: clamp(.82rem, 1.35vw, 1.08rem);
  --mf-compact-card-lg: clamp(.95rem, 1.8vw, 1.3rem);
  --mf-compact-gap: clamp(.62rem, 1.3vw, .95rem);
  --mf-compact-gap-lg: clamp(.82rem, 1.8vw, 1.2rem);
}

body :where(main#main-content, .mf-media-studio, .site-shell) {
  min-height: 0 !important;
}

body :where(main#main-content > section, main#main-content .stl-section, main#main-content .site-section, main#main-content .section) {
  margin-block: 0 !important;
  padding-block: var(--mf-compact-section) !important;
}

body :where(.hero, .site-hero, .mf-hero, .mf-editorial-hero, .mf-polish-hero, .mf-daily-hero, .mf-match-polish-hero, [data-match-hero]) {
  min-height: 0 !important;
  padding-block: var(--mf-compact-hero) !important;
}

body :where(.stl-container, .container, .site-container) {
  width: min(100% - 1.5rem, var(--max-content, var(--max-w, 80rem))) !important;
}

body :where(.stl-section-header-row, .section-header-row, .section-header, .mf-page-actions, .mf-home-quicklinks, .mf-media-audio-actions, .site-newsletter-shell, .site-newsletter-shell__side, .mf-form-grid, .site-grid, .site-sidebar, .site-stack, .site-cluster, .site-split, .mf-polish-hero__grid, .mf-editorial-hero__grid, .mf-match-utility__grid, .mf-home-spotlight-grid, .mf-hub-proof-row, .mf-media-platform-grid, .mf-media-player-grid) {
  gap: var(--mf-compact-gap-lg) !important;
}

body :where(.site-grid, .site-sidebar, .mf-polish-hero__grid, .mf-editorial-hero__grid, .mf-match-utility__grid, .mf-home-spotlight-grid, .mf-hub-proof-row, .mf-media-platform-grid, .mf-media-player-grid) {
  align-items: start !important;
}

body :where(.story-card-body, .club-card, .spotlight-card, .community-card, .pathway-card, .fixture-card, .site-newsletter-shell, .mf-form-shell, .mf-home-spotlight-card, .mf-match-feature-card, .mf-match-tile, .mf-media-audio-station, .mf-whale-station, .stl-community-card, .stl-card, .mf-hub-proof-card) {
  padding: var(--mf-compact-card) !important;
  min-height: 0 !important;
}

body :where(.site-newsletter-shell, .spotlight-card, .mf-form-shell) {
  padding: var(--mf-compact-card-lg) !important;
}

body :where(h1, .stl-heading, .mf-unified-hero-title, .mf-hero-title-streamlined) {
  font-size: clamp(2rem, 4vw, 3.25rem) !important;
  line-height: 1.03 !important;
  letter-spacing: -0.025em !important;
}

body :where(h2, .stl-subheading, .mf-section-title, .site-newsletter-shell__title) {
  font-size: clamp(1.5rem, 2.5vw, 2.25rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
}

body :where(h3, .story-card-title, .spotlight-card-title, .mf-home-spotlight-card h3, .mf-match-feature-card h2, .mf-match-tile strong) {
  font-size: clamp(1.15rem, 1.8vw, 1.5rem) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.01em !important;
}

body :where(p, li, .stl-muted, .mf-lede, .mf-unified-hero-copy, .site-newsletter-shell__copy) {
  max-width: min(75ch, 100%) !important;
  line-height: 1.65 !important;
}

body :where(.stl-eyebrow, .eyebrow, .section-label, .site-eyebrow, .site-pill) {
  letter-spacing: .08em !important;
}

body :where(.mf-home-quicklinks, .mf-page-actions, .site-newsletter-shell__trust, .story-card-meta, .club-card-tags) {
  margin-top: 0 !important;
}

body :where([data-sponsor-zone]:empty, .mf-empty:empty, .empty-state:empty, .site-rail:empty, .mf-home-hero-feed:empty, aside:empty) {
  display: none !important;
}

body :where(img:not([src]), img[src=""], iframe:not([src])) {
  display: none !important;
}

body :where(footer, .site-footer, [data-site-footer]) {
  margin-top: 0 !important;
}

@media (max-width: 760px) {
  body :where(main#main-content > section, main#main-content .stl-section, main#main-content .site-section, main#main-content .section) {
    padding-block: var(--mf-compact-section-mobile) !important;
  }

  body :where(.hero, .site-hero, .mf-hero, .mf-editorial-hero, .mf-polish-hero, .mf-daily-hero, .mf-match-polish-hero, [data-match-hero]) {
    padding-block: clamp(.95rem, 4vw, 1.45rem) !important;
  }

  body :where(.stl-container, .container, .site-container) {
    width: min(100% - 1rem, var(--max-content, var(--max-w, 80rem))) !important;
  }

  body :where(.site-sidebar, .mf-polish-hero__grid, .mf-editorial-hero__grid, .mf-match-utility__grid, .mf-home-spotlight-grid, .mf-hub-proof-row, .mf-media-player-grid) {
    grid-template-columns: 1fr !important;
  }
}

/* STL directory: tighten spacing and reduce CTA competition without changing structure. */
body.mf-stl-directory-page .mf-directory-hero {
  min-height: clamp(220px, 28vh, 300px) !important;
  padding: calc(var(--nav-height, 72px) + .75rem) 1rem 1.2rem !important;
}

body.mf-stl-directory-page .mf-directory-hero .stl-city-layout {
  gap: .72rem !important;
}

body.mf-stl-directory-page .mf-directory-hero .stl-heading {
  max-width: 13ch !important;
  margin: .22rem auto .4rem !important;
  font-size: clamp(1.95rem, 3.6vw, 2.7rem) !important;
  line-height: 1 !important;
}

body.mf-stl-directory-page .mf-directory-hero .stl-muted {
  max-width: 50ch !important;
  font-size: .94rem !important;
  line-height: 1.52 !important;
}

body.mf-stl-directory-page .mf-directory-hero .hero-ctas {
  margin-top: .75rem !important;
  gap: .48rem !important;
}

body.mf-stl-directory-page .mf-directory-hero .hero-ctas .stl-btn {
  min-height: 40px !important;
  padding: .62rem .92rem !important;
}

body.mf-stl-directory-page .mf-directory-hero .hero-ctas .stl-btn:not(.stl-btn--primary) {
  background: rgba(255, 255, 255, .03) !important;
  border-color: rgba(245, 200, 66, .18) !important;
  color: rgba(244, 247, 251, .86) !important;
}

body.mf-stl-directory-page .mf-directory-hero .hero-ctas .stl-btn:not(.stl-btn--primary):hover,
body.mf-stl-directory-page .mf-directory-hero .hero-ctas .stl-btn:not(.stl-btn--primary):focus-visible {
  background: rgba(245, 200, 66, .08) !important;
  color: #fff !important;
}

body.mf-stl-directory-page #coaches-trainers {
  padding-block: .95rem !important;
}

body.mf-stl-directory-page #coaches-trainers .stl-section-header-row,
body.mf-stl-directory-page #stl-directory .stl-section-header-row {
  align-items: center !important;
  gap: .8rem !important;
  margin-bottom: .8rem !important;
}

body.mf-stl-directory-page #coaches-trainers .stl-section-header-row > div,
body.mf-stl-directory-page #stl-directory .stl-section-header-row > div {
  display: grid !important;
  gap: .3rem !important;
}

body.mf-stl-directory-page #coaches-trainers .stl-section-header-row .stl-btn,
body.mf-stl-directory-page #stl-directory .stl-section-header-row .stl-btn {
  min-height: 38px !important;
  padding: .55rem .9rem !important;
  flex-shrink: 0 !important;
}

body.mf-stl-directory-page #coaches-trainers .stl-section-header-row .stl-btn {
  background: rgba(255, 255, 255, .03) !important;
  border: 1px solid rgba(245, 200, 66, .2) !important;
  color: rgba(244, 247, 251, .88) !important;
  box-shadow: none !important;
}

body.mf-stl-directory-page #coaches-trainers .stl-section-header-row .stl-btn:hover,
body.mf-stl-directory-page #coaches-trainers .stl-section-header-row .stl-btn:focus-visible {
  background: rgba(245, 200, 66, .08) !important;
  color: #fff !important;
}

body.mf-stl-directory-page #coaches-trainers .mf-home-spotlight-grid {
  gap: .72rem !important;
}

body.mf-stl-directory-page #coaches-trainers .mf-home-spotlight-card {
  min-height: 0 !important;
  padding: .88rem .95rem !important;
  gap: .42rem !important;
  align-content: start !important;
  background:
    linear-gradient(160deg, rgba(8, 17, 12, .96), rgba(6, 12, 9, .94)) !important;
  border: 1px solid rgba(245, 200, 66, .12) !important;
}

body.mf-stl-directory-page #coaches-trainers .mf-home-spotlight-card:first-child {
  border-color: rgba(245, 200, 66, .26) !important;
  box-shadow: inset 3px 0 0 rgba(245, 200, 66, .7) !important;
}

body.mf-stl-directory-page #coaches-trainers .mf-home-spotlight-card span {
  font-size: .68rem !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: rgba(245, 200, 66, .92) !important;
}

body.mf-stl-directory-page #coaches-trainers .mf-home-spotlight-card h3 {
  font-size: clamp(1.02rem, 1.35vw, 1.22rem) !important;
  line-height: 1.16 !important;
}

body.mf-stl-directory-page #coaches-trainers .mf-home-spotlight-card p {
  max-width: 34ch !important;
  font-size: .86rem !important;
  line-height: 1.52 !important;
}

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

body.mf-stl-directory-page #stl-directory .stl-section-header-row .stl-btn {
  opacity: .9 !important;
}

body.mf-stl-directory-page .stl-trainer-week {
  padding: .72rem !important;
}

body.mf-stl-directory-page .stl-trainer-week__actions {
  gap: .38rem !important;
}

@media (max-width: 760px) {
  body.mf-stl-directory-page .mf-directory-hero {
    padding: calc(var(--nav-height, 72px) + .68rem) .7rem 1rem !important;
  }

  body.mf-stl-directory-page .mf-directory-hero .stl-heading {
    max-width: 11ch !important;
    font-size: clamp(1.7rem, 8vw, 2.2rem) !important;
  }

  body.mf-stl-directory-page .mf-directory-hero .stl-muted {
    font-size: .9rem !important;
  }

  body.mf-stl-directory-page .mf-directory-hero .hero-ctas {
    width: 100% !important;
  }

  body.mf-stl-directory-page .mf-directory-hero .hero-ctas .stl-btn,
  body.mf-stl-directory-page #coaches-trainers .stl-section-header-row .stl-btn,
  body.mf-stl-directory-page #stl-directory .stl-section-header-row .stl-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  body.mf-stl-directory-page #coaches-trainers,
  body.mf-stl-directory-page #stl-directory {
    padding-block: .8rem !important;
  }

  body.mf-stl-directory-page #coaches-trainers .stl-section-header-row,
  body.mf-stl-directory-page #stl-directory .stl-section-header-row {
    align-items: stretch !important;
    margin-bottom: .68rem !important;
  }

  body.mf-stl-directory-page #coaches-trainers .mf-home-spotlight-card {
    padding: .78rem .82rem !important;
  }
}

/* Global page polish: calmer spacing and clearer CTA hierarchy across page families. */
body.mf-page-shell main :where(.hero-ctas, .mf-page-actions, .mf-home-hero-actions, .mf-daily-actions, .mf-unified-hero-actions, .stl-actions, .mf-front-actions) {
  align-items: center !important;
  gap: .52rem !important;
  margin-top: .75rem !important;
}

body.mf-page-shell main :where(.hero-ctas, .mf-page-actions, .mf-home-hero-actions, .mf-daily-actions, .mf-unified-hero-actions, .stl-actions, .mf-front-actions) > :where(a, button, .stl-btn, .btn, .site-button) {
  min-height: 40px !important;
  padding: .6rem .9rem !important;
}

body.mf-page-shell main :where(.stl-btn--ghost, .site-button--ghost, .btn-ghost, .stl-btn--secondary, .site-button--secondary, .btn-secondary) {
  background: rgba(255, 255, 255, .03) !important;
  border-color: rgba(245, 200, 66, .18) !important;
  color: rgba(244, 247, 251, .86) !important;
  box-shadow: none !important;
}

body.mf-page-shell main :where(.stl-btn--ghost, .site-button--ghost, .btn-ghost, .stl-btn--secondary, .site-button--secondary, .btn-secondary):where(:hover, :focus-visible) {
  background: rgba(245, 200, 66, .08) !important;
  border-color: rgba(245, 200, 66, .34) !important;
  color: #fff !important;
}

body.mf-page-shell main :where(.stl-section-header-row, .section-header, .mf-block-head, .mc-section-head, .mf-section-head, .mf-world-section-head, .mf-editorial-head) {
  align-items: center !important;
  gap: .82rem !important;
  margin-bottom: .82rem !important;
}

body.mf-page-shell main :where(.stl-section-header-row, .section-header, .mf-block-head, .mc-section-head, .mf-section-head, .mf-world-section-head, .mf-editorial-head) > div:first-child {
  display: grid !important;
  gap: .28rem !important;
}

body.mf-page-shell main :where(.stl-section-header-row, .section-header, .mf-block-head, .mc-section-head, .mf-section-head, .mf-world-section-head, .mf-editorial-head) > :where(.stl-btn, .btn, .site-button) {
  min-height: 38px !important;
  padding: .55rem .88rem !important;
  flex-shrink: 0 !important;
}

body.mf-page-shell main :where(.stl-section, .site-section, .section) {
  padding-block: clamp(.95rem, 2.25vw, 1.75rem) !important;
}

body.mf-page-shell main :where(.mf-home-spotlight-grid, .site-grid, .mf-hub-proof-row, .mf-media-platform-grid, .mf-media-player-grid, .mf-chip-row, .mf-home-quicklinks, .mf-front-actions) {
  gap: .72rem !important;
}

body.mf-page-shell main :where(.mf-home-spotlight-card, .mf-surface-card, .mf-info-card, .mf-route-card, .mf-hub-card, .mf-platform-card, .mf-media-card, .story-card, .article-card, .stl-card, .site-newsletter-shell, .mf-form-shell) {
  min-height: 0 !important;
  padding: .92rem !important;
}

body.mf-page-shell main :where(.mf-home-spotlight-card h3, .mf-surface-card h3, .mf-info-card h3, .mf-route-card h3, .mf-hub-card h3, .mf-platform-card h3, .mf-media-card h3, .story-card-title, .article-card h3) {
  line-height: 1.16 !important;
  font-size: clamp(1.02rem, 1.45vw, 1.28rem) !important;
}

body.mf-page-shell main :where(.mf-home-spotlight-card p, .mf-surface-card p, .mf-info-card p, .mf-route-card p, .mf-hub-card p, .mf-platform-card p, .mf-media-card p, .story-card-desc, .article-card p, .site-newsletter-shell__copy) {
  line-height: 1.56 !important;
  max-width: 36ch !important;
}

body.mf-page-shell main :where(.mf-home-quicklinks a, .mf-chip-row a, .mf-chip-row button, .mf-home-quicklinks button) {
  padding: .46rem .72rem !important;
}

@media (max-width: 760px) {
  body.mf-page-shell main :where(.hero-ctas, .mf-page-actions, .mf-home-hero-actions, .mf-daily-actions, .mf-unified-hero-actions, .stl-actions, .mf-front-actions) > :where(a, button, .stl-btn, .btn, .site-button) {
    width: 100% !important;
    justify-content: center !important;
  }

  body.mf-page-shell main :where(.stl-section-header-row, .section-header, .mf-block-head, .mc-section-head, .mf-section-head, .mf-world-section-head, .mf-editorial-head) {
    margin-bottom: .68rem !important;
  }

  body.mf-page-shell main :where(.stl-section-header-row, .section-header, .mf-block-head, .mc-section-head, .mf-section-head, .mf-world-section-head, .mf-editorial-head) > :where(.stl-btn, .btn, .site-button) {
    width: 100% !important;
    justify-content: center !important;
  }

  body.mf-page-shell main :where(.stl-section, .site-section, .section) {
    padding-block: .82rem !important;
  }
}

/* Final STL hub hero compaction override. */
body.stl-soccer-hub-page main#main-content > .mf-daily-hero {
  min-height: 0 !important;
  padding: calc(var(--nav-height, 64px) + .38rem) 0 .42rem !important;
  align-items: flex-start !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-grid,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-grid {
  width: min(100% - 1.25rem, 1210px) !important;
  gap: .42rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-copy,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead {
  gap: .34rem !important;
  padding: .54rem !important;
  border-radius: 10px !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hero-title-streamlined,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead h1 {
  max-width: 24ch !important;
  font-size: clamp(1.45rem, 2.02vw, 1.95rem) !important;
  line-height: .98 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-hero-copy > p,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead > p {
  max-width: 62ch !important;
  font-size: .8rem !important;
  line-height: 1.25 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero :where(.mf-daily-actions, .mf-home-hero-actions, .mf-home-quicklinks) {
  gap: .3rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero :where(.mf-daily-actions, .mf-home-hero-actions) .stl-btn,
body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks a {
  min-height: 36px !important;
  padding: .36rem .52rem !important;
  font-size: .6rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl {
  padding: .42rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__grid {
  gap: .28rem !important;
  margin-top: .3rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card {
  min-height: 3.45rem !important;
  padding: .32rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: .34rem !important;
  margin-bottom: .28rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head h2 {
  font-size: clamp(.88rem, 1.25vw, 1.04rem) !important;
  line-height: 1.02 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head p {
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  margin-top: .12rem !important;
  font-size: .72rem !important;
  line-height: 1.15 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head .stl-btn {
  min-height: 34px !important;
  padding: .34rem .58rem !important;
  font-size: .6rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks a {
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero {
    padding: calc(var(--nav-height, 64px) + .32rem) 0 .38rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-hero-title-streamlined,
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-lead h1 {
    max-width: 22ch !important;
    font-size: clamp(1.3rem, 6vw, 1.68rem) !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero :where(.mf-daily-actions, .mf-home-hero-actions) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero :where(.mf-daily-actions, .mf-home-hero-actions) > :where(a, button, .stl-btn, .btn, .site-button) {
    width: auto !important;
    min-width: 0 !important;
    min-height: 36px !important;
    padding-inline: .38rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-home-quicklinks a {
    min-height: 34px !important;
    padding-inline: .28rem !important;
    font-size: .52rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: .3rem !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity;
    padding-bottom: .1rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__grid::-webkit-scrollbar {
    display: none;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card {
    flex: 0 0 min(72vw, 13.5rem) !important;
    min-height: 4.35rem !important;
    scroll-snap-align: start;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
  }
}

@media (max-width: 760px) {
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-actions.mf-home-hero-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .28rem !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero .mf-daily-actions.mf-home-hero-actions > a.stl-btn {
    width: auto !important;
    min-width: 0 !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: .32rem .28rem !important;
    font-size: .56rem !important;
    line-height: 1 !important;
  }
}

/* True final word for the selected STL daily hero. */
body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: .3rem !important;
  margin-bottom: .24rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head h2 {
  font-size: clamp(.86rem, 1.15vw, 1rem) !important;
  line-height: 1 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head p {
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  max-width: 42ch !important;
  margin-top: .08rem !important;
  font-size: .68rem !important;
  line-height: 1.08 !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head .stl-btn {
  width: auto !important;
  min-height: 32px !important;
  padding: .3rem .5rem !important;
  font-size: .56rem !important;
  white-space: nowrap !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__grid {
  gap: .24rem !important;
  margin-top: .24rem !important;
}

body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__card {
  min-height: 3.35rem !important;
  padding: .3rem !important;
}

@media (max-width: 760px) {
  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head p {
    max-width: 22ch !important;
  }

  body.stl-soccer-hub-page main#main-content > .mf-daily-hero #today-in-stl-soccer .mf-today-stl__head .stl-btn {
    min-height: 32px !important;
    padding-inline: .42rem !important;
  }
}

/* Audit pass: mobile hit areas and long-page scanning without changing branding. */
@media (max-width: 760px) {
  :where(.skip-link, .mf-skip-link):focus,
  :where(.skip-link, .mf-skip-link):focus-visible {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: .65rem .9rem !important;
  }

  :where(.site-brand, .site-logo, .brand, [data-site-header] a[href$="index.html"]) {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  :where(.site-footer, footer, [data-site-footer]) :where(a, button) {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: .45rem !important;
    padding-block: .42rem !important;
  }

  :where(.site-footer, footer, [data-site-footer]) :where(.site-footer__socials, .social-links, .mf-footer-social, .site-footer-links) {
    gap: .45rem !important;
  }

  :where(.mf-v22-quick-routes, .mf-v22-league-doors, .mf-v22-find-panel, .mf-anchor-row, .mf-home-quicklinks) a {
    min-height: 44px !important;
  }

  :where(.stl-soccer-directory-page, .mf-directory-page, .mf-articles-page, .mf-player-tracker-page) :where(.mf-anchor-row, .mf-filter-row, .mf-directory-tabs, .mf-article-filters) {
    position: sticky;
    top: calc(var(--nav-height, 64px) + .25rem);
    z-index: 5;
    border-radius: 999px;
    background: rgba(4, 10, 7, .86);
    backdrop-filter: blur(14px);
    padding: .35rem;
  }

  .site-footer .site-socials a,
  .site-footer__brand .site-socials a {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: .35rem !important;
    border-radius: 999px !important;
    justify-content: center !important;
  }

  .site-footer .site-socials {
    gap: .42rem !important;
  }

  .site-footer__nav a,
  .site-footer__bottom a {
    min-height: 44px !important;
    padding: .5rem .35rem !important;
    align-items: center !important;
  }
}

.mf-article-trust-panel {
  display: grid;
  gap: .7rem;
  margin: 0 0 1rem;
  padding: .95rem;
  border: 1px solid rgba(245, 200, 66, .2);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(8, 22, 16, .92), rgba(5, 12, 9, .88));
}

.mf-article-trust-panel h3,
.mf-article-trust-panel p {
  margin: 0;
}

.mf-article-trust-panel dl {
  display: grid;
  gap: .5rem;
  margin: 0;
}

.mf-article-trust-panel dl > div {
  display: grid;
  grid-template-columns: minmax(5.2rem, auto) 1fr;
  gap: .65rem;
  align-items: baseline;
}

.mf-article-trust-panel dt {
  color: rgba(245, 200, 66, .82);
  font: 800 .62rem/1.1 var(--f-mono, monospace);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mf-article-trust-panel dd {
  margin: 0;
  color: rgba(244, 247, 251, .84);
  font-size: .86rem;
  line-height: 1.35;
}

/* Sitewide layout density pass: compact shared heroes and cards without changing structure. */
:root {
  --mf-site-tight-section-y: clamp(1.05rem, 2.35vw, 2.1rem);
  --mf-site-tight-card-pad: clamp(.68rem, 1.2vw, .95rem);
  --mf-site-tight-gap: clamp(.5rem, 1.1vw, .85rem);
}

body.mf-page-shell:not(.mf-home-v22) main#main-content > :where(
  .mf-daily-hero,
  .mf-editorial-hero,
  .mf-unified-hero,
  .mf-simple-page-hero,
  .mf-player-directory-hero,
  .mf-player-profile-hero,
  .stl-city-hero,
  .stl-local-hero,
  .mf-world-hero,
  .mf-africa-hero,
  .mf-media-hero,
  .mf-youth-hero,
  .mf-kit-hero,
  .hero,
  .page-hero,
  .us-hero,
  .league-hero,
  .hs-hero,
  .yp-hero
) {
  min-height: 0 !important;
  padding-block: clamp(.78rem, 1.8vw, 1.45rem) !important;
}

@media (min-width: 900px) {
  body.mf-page-shell:not(.mf-home-v22) main#main-content > :where(
    .mf-daily-hero,
    .mf-editorial-hero,
    .mf-unified-hero,
    .mf-simple-page-hero,
    .mf-player-directory-hero,
    .mf-player-profile-hero,
    .stl-city-hero,
    .stl-local-hero,
    .mf-world-hero,
    .mf-africa-hero,
    .mf-media-hero,
    .mf-youth-hero,
    .mf-kit-hero
  ) :where(
    .mf-home-hero-grid,
    .mf-daily-grid,
    .mf-editorial-hero__grid,
    .mf-unified-hero-grid,
    .mf-player-directory-hero-grid,
    .mf-player-profile-grid,
    .stl-city-layout,
    .stl-local-hero__grid,
    .mf-africa-hero-grid,
    .mf-youth-hero__grid,
    .mf-hero-grid
  ) {
    gap: var(--mf-site-tight-gap) !important;
    align-items: start !important;
  }

  body.mf-page-shell:not(.mf-home-v22) main#main-content > :where(
    .mf-daily-hero,
    .mf-editorial-hero,
    .mf-unified-hero,
    .mf-simple-page-hero,
    .mf-player-directory-hero,
    .mf-player-profile-hero,
    .stl-city-hero,
    .stl-local-hero,
    .mf-world-hero,
    .mf-africa-hero,
    .mf-media-hero,
    .mf-youth-hero,
    .mf-kit-hero
  ) :where(
    .mf-home-hero-copy,
    .mf-daily-lead,
    .mf-hero-copy,
    .mf-africa-hero-copy,
    .mf-media-hero-copy,
    .mf-world-hero__content,
    .stl-city-info,
    .stl-local-hero__content,
    .hero-content,
    .mf-editorial-hero__grid > div,
    .mf-unified-hero-grid > div:first-child,
    .mf-player-directory-hero-grid > div:first-child,
    .mf-player-profile-grid > div:first-child,
    .mf-youth-hero__copy
  ) {
    gap: .58rem !important;
    min-height: 0 !important;
    padding: var(--mf-site-tight-card-pad) !important;
    align-content: start !important;
  }

  body.mf-page-shell:not(.mf-home-v22) main#main-content > :where(
    .mf-daily-hero,
    .mf-editorial-hero,
    .mf-unified-hero,
    .mf-simple-page-hero,
    .mf-player-directory-hero,
    .mf-player-profile-hero,
    .stl-city-hero,
    .stl-local-hero,
    .mf-world-hero,
    .mf-africa-hero,
    .mf-media-hero,
    .mf-youth-hero,
    .mf-kit-hero
  ) :where(
    .mf-daily-board,
    .mf-home-hero-rail,
    .mf-editorial-hero__panel,
    .mf-africa-hero-panel,
    .mf-hero-side,
    .mf-media-hero-screen,
    .mf-youth-live-card,
    .mf-unified-hero-badge,
    .stl-city-badge
  ) {
    min-height: 0 !important;
    padding: var(--mf-site-tight-card-pad) !important;
    align-self: start !important;
  }
}

body.mf-page-shell main#main-content > :where(.stl-section, .stl-section--alt, .mf-daily-section, .mf-section, .mf-youth-section, .mf-worldcup-section) {
  padding-block: var(--mf-site-tight-section-y) !important;
}

body.mf-page-shell :where(.stl-section-header-row, .mf-section-head, .mf-worldcup-section__head, .mf-diaspora-section-head) {
  gap: .55rem !important;
  margin-bottom: .7rem !important;
}

body.mf-page-shell :where(.mf-route-grid, .mf-proof-grid, .mf-card-grid, .mf-home-spotlight-grid, .mf-v44-lanes, .mf-youth-guide-grid, .mf-youth-action-grid, .mf-contact-grid, .mf-rail-grid) {
  gap: var(--mf-site-tight-gap) !important;
}

body.mf-page-shell :where(.mf-route-card, .mf-proof-card, .mf-info-card, .mf-surface-card, .mf-home-spotlight-card, .mf-youth-panel, .mf-youth-guide-card, .mf-form-shell, .mf-contact-panel, .mf-stl-hs-panel) {
  min-height: 0 !important;
  padding: var(--mf-site-tight-card-pad) !important;
}

body.mf-page-shell :where(.mf-page-actions, .mf-daily-actions, .mf-unified-hero-actions, .mf-youth-hero__actions, .mf-chip-row, .mf-hero-tags, .mf-anchor-row) {
  gap: .45rem !important;
  margin-top: .35rem !important;
}

body.mf-page-shell :where(.mf-page-actions, .mf-daily-actions, .mf-unified-hero-actions, .mf-youth-hero__actions) > :where(a, button, span) {
  min-height: 2.45rem !important;
  padding-block: .48rem !important;
}

body.mf-v44-ready .mf-v44-strip {
  padding-block: clamp(.38rem, .85vw, .62rem) !important;
}

body.mf-v44-ready .mf-v44-strip__inner {
  gap: .5rem !important;
  align-items: start !important;
}

body.mf-v44-ready .mf-v44-strip__copy,
body.mf-v44-ready .mf-v44-lane {
  min-height: 0 !important;
  padding: .52rem !important;
}

body.mf-v44-ready .mf-v44-strip__copy h2 {
  font-size: clamp(1rem, 1.45vw, 1.24rem) !important;
  line-height: 1.04 !important;
}

body.mf-v44-ready .mf-v44-lane {
  min-height: 4.35rem !important;
  align-content: start !important;
}

body.mf-v44-ready .mf-v44-lane strong {
  font-size: .78rem !important;
  line-height: 1.12 !important;
}

@media (max-width: 760px) {
  body.mf-page-shell:not(.mf-home-v22) main#main-content > :where(
    .mf-daily-hero,
    .mf-editorial-hero,
    .mf-unified-hero,
    .mf-simple-page-hero,
    .mf-player-directory-hero,
    .mf-player-profile-hero,
    .stl-city-hero,
    .stl-local-hero,
    .mf-world-hero,
    .mf-africa-hero,
    .mf-media-hero,
    .mf-youth-hero,
    .mf-kit-hero,
    .hero,
    .page-hero,
    .us-hero,
    .league-hero,
    .hs-hero,
    .yp-hero
  ) {
    padding-block: .72rem !important;
  }

  body.mf-page-shell main#main-content > :where(.stl-section, .stl-section--alt, .mf-daily-section, .mf-section, .mf-youth-section, .mf-worldcup-section) {
    padding-block: clamp(.9rem, 4.5vw, 1.35rem) !important;
  }

  body.mf-page-shell :where(.mf-route-card, .mf-proof-card, .mf-info-card, .mf-surface-card, .mf-home-spotlight-card, .mf-youth-panel, .mf-youth-guide-card, .mf-form-shell, .mf-contact-panel, .mf-stl-hs-panel) {
    padding: .76rem !important;
  }

  body.mf-v44-ready .mf-v44-lane {
    min-height: 3.65rem !important;
  }
}

@media (max-width: 760px) {
  body.mf-contributor-page .mf-contributor-process-section {
    padding-block: .9rem !important;
  }

  body.mf-contributor-page .mf-contributor-process-section .stl-section-header-row {
    margin-bottom: .55rem !important;
  }

  body.mf-contributor-page .mf-contributor-process-graph {
    gap: .55rem !important;
    padding: .7rem !important;
  }

  body.mf-contributor-page .mf-contributor-process-brand {
    grid-template-columns: 2.6rem minmax(0, 1fr) !important;
    gap: .55rem !important;
    padding: .58rem !important;
  }

  body.mf-contributor-page .mf-contributor-process-brand img {
    width: 2.45rem !important;
    height: 2.45rem !important;
  }

  body.mf-contributor-page .mf-contributor-process-brand strong {
    font-size: 1rem !important;
    line-height: 1.05 !important;
  }

  body.mf-contributor-page .mf-contributor-process-flow,
  body.mf-contributor-page .mf-contributor-process-steps {
    gap: .42rem !important;
  }

  body.mf-contributor-page .mf-contributor-process-flow li,
  body.mf-contributor-page .mf-contributor-process-steps article {
    min-height: 0 !important;
    padding: .58rem !important;
    gap: .22rem !important;
  }

  body.mf-contributor-page .mf-contributor-process-flow strong {
    font-size: .92rem !important;
    line-height: 1.08 !important;
  }

  body.mf-contributor-page .mf-contributor-process-flow p,
  body.mf-contributor-page .mf-contributor-process-steps p {
    margin: 0 !important;
    font-size: .78rem !important;
    line-height: 1.25 !important;
  }
}

/* MoFutbol diaspora source board density: keep every card, reduce oversized rows. */
body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-section {
  padding-block: clamp(.85rem, 1.7vw, 1.4rem) !important;
}

body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-board {
  padding: clamp(.72rem, 1.15vw, .95rem) !important;
}

body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-board__head {
  gap: .55rem !important;
  margin-bottom: .55rem !important;
  align-items: center !important;
}

body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-board__head h2 {
  max-width: 46ch !important;
  margin-top: .16rem !important;
  font-size: clamp(1.18rem, 1.9vw, 1.72rem) !important;
  line-height: 1.02 !important;
}

body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-board__head p {
  max-width: 58ch !important;
  margin-top: .24rem !important;
  font-size: .82rem !important;
  line-height: 1.3 !important;
}

body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-count {
  min-width: 58px !important;
  min-height: 46px !important;
  border-radius: 12px !important;
  font-size: 1.35rem !important;
}

body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-filters {
  gap: .3rem !important;
  margin-bottom: .55rem !important;
}

body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-filters button {
  min-height: 32px !important;
  padding: .34rem .54rem !important;
  font-size: .66rem !important;
}

body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: .42rem !important;
}

body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-card {
  grid-template-rows: 88px minmax(0, 1fr) !important;
  border-radius: 12px !important;
}

body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-card__body {
  gap: .26rem !important;
  padding: .52rem !important;
}

body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-card h3 {
  font-size: .82rem !important;
  line-height: 1.06 !important;
}

body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-card p {
  font-size: .68rem !important;
  line-height: 1.2 !important;
  -webkit-line-clamp: 2 !important;
}

body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-card__meta {
  gap: .18rem !important;
}

body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-card__meta span {
  padding: .12rem .28rem !important;
  font-size: .52rem !important;
  line-height: 1.05 !important;
}

@media (max-width: 980px) {
  body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-board__head {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .42rem !important;
  }

  body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 70px minmax(0, 1fr) !important;
    min-height: 0 !important;
  }

  body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-card__image {
    min-height: 0 !important;
    height: 70px !important;
  }

  body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-card__body {
    padding: .42rem !important;
  }

  body.mf-africa-page.mf-africa-page--taste .mf-mofutbol-source-card h3 {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: .68rem !important;
  }
}

/* Final desktop homepage hierarchy override: keep this after legacy homepage rules. */
@media (min-width: 900px) {
  html body.mf-system-home main#main-content.mf-v22-home > .mf-v22-hero--single-focus {
    min-height: 0 !important;
    padding-block: 1rem !important;
  }

  html body.mf-system-home main#main-content.mf-v22-home > .mf-v22-hero--single-focus .mf-v22-hero__grid {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
  }

  html body.mf-system-home main#main-content.mf-v22-home > .mf-v22-hero--single-focus .mf-v22-hero__copy {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(18rem, .92fr) !important;
    grid-template-areas:
      "kicker kicker"
      "title now"
      "lede now"
      "actions now"
      "explore explore" !important;
    width: 100% !important;
    max-width: 70rem !important;
    min-height: 0 !important;
    margin-inline: auto !important;
    padding: clamp(1rem, 2vw, 1.55rem) !important;
    gap: .65rem 1.25rem !important;
  }

  html body.mf-system-home main#main-content.mf-v22-home .mf-v22-hero-kicker { grid-area: kicker !important; }
  html body.mf-system-home main#main-content.mf-v22-home .mf-v22-hero__copy > h1 { grid-area: title !important; max-width: 15ch !important; }
  html body.mf-system-home main#main-content.mf-v22-home .mf-v22-hero__lede { grid-area: lede !important; }
  html body.mf-system-home main#main-content.mf-v22-home .mf-v22-actions { grid-area: actions !important; }
  html body.mf-system-home main#main-content.mf-v22-home .mf-v22-now-line {
    grid-area: now !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    align-self: stretch !important;
  }
  html body.mf-system-home main#main-content.mf-v22-home .mf-v22-hero-explore { grid-area: explore !important; }
}

@media (min-width: 1181px) {
  html body.mf-page-shell .site-nav__menu-button,
  html body.mf-home-taste .site-nav__menu-button {
    display: none !important;
  }
}
/* STL Soccer route system — compact local navigation and long-page controls. */
body.mf-v44-stl .mf-stl-local-nav {
  position: sticky;
  top: 38px;
  z-index: 35;
  border-bottom: 1px solid rgba(211, 255, 31, 0.2);
  background: rgba(3, 12, 8, 0.96);
  backdrop-filter: blur(14px);
}

body.mf-v44-stl .mf-stl-local-nav__inner {
  display: flex;
  gap: 0.4rem;
  width: min(100% - 2rem, 1180px);
  margin-inline: auto;
  padding-block: 0.55rem;
  overflow-x: auto;
  scrollbar-width: thin;
}

body.mf-v44-stl .mf-stl-local-nav a {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border: 1px solid rgba(245, 211, 63, 0.2);
  border-radius: 999px;
  padding: 0.55rem 0.85rem;
  color: rgba(248, 251, 245, 0.78);
  font: 700 0.72rem/1 "JetBrains Mono", monospace;
  text-decoration: none;
  text-transform: uppercase;
}

body.mf-v44-stl .mf-stl-local-nav a:hover,
body.mf-v44-stl .mf-stl-local-nav a:focus-visible,
body.mf-v44-stl .mf-stl-local-nav a[aria-current="page"] {
  border-color: rgba(211, 255, 31, 0.68);
  color: #071008;
  background: linear-gradient(105deg, #ffd334, #d3ff1f);
}

body.mf-v44-stl .mf-stl-jump-nav {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: min(100% - 2rem, 1180px);
  margin: 0.75rem auto 0;
  border: 1px solid rgba(245, 211, 63, 0.16);
  border-radius: 14px;
  padding: 0.5rem 0.65rem;
  background: rgba(8, 23, 16, 0.88);
}

body.mf-v44-stl .mf-stl-jump-nav > span {
  flex: 0 0 auto;
  color: #f7d84a;
  font: 800 0.66rem/1 "JetBrains Mono", monospace;
  text-transform: uppercase;
}

body.mf-v44-stl .mf-stl-jump-nav > div {
  display: flex;
  gap: 0.35rem;
  min-width: 0;
  overflow-x: auto;
}

body.mf-v44-stl .mf-stl-jump-nav a {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  min-height: 44px;
  border-radius: 10px;
  padding-inline: 0.7rem;
  color: rgba(248, 251, 245, 0.82);
  text-decoration: none;
}

body.mf-v44-stl .mf-stl-more-sections {
  display: grid;
  justify-items: center;
  gap: 0.4rem;
  padding: 1rem;
}

body.mf-v44-stl .mf-stl-more-sections button {
  min-height: 48px;
  border: 1px solid rgba(211, 255, 31, 0.55);
  border-radius: 999px;
  padding-inline: 1.2rem;
  color: #071008;
  background: linear-gradient(105deg, #ffd334, #d3ff1f);
  font-weight: 800;
}

body.citysc-page .citysc-league-rail__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.mf-v44-stl main#main-content > section[class*="hero"],
body.mf-v44-stl main#main-content > section[class*="Hero"],
body.mf-v44-stl main#main-content > .stl-city-hero,
body.mf-v44-stl main#main-content > .stl-local-hero,
body.mf-v44-stl main#main-content > .mf-directory-hero,
body.mf-v44-stl main#main-content > .hscl-hero-bg {
  display: block !important;
}

body.citysc-page .citysc-league-chip {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 112px !important;
  padding: 1rem !important;
}

body.citysc-page .citysc-league-chip > div {
  display: block !important;
  min-width: 0 !important;
}

body.citysc-page .citysc-league-chip :where(span, strong, small) {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  writing-mode: horizontal-tb !important;
  overflow-wrap: anywhere;
}

body.citysc-page .citysc-league-chip strong {
  margin-block: 0.3rem;
  font-size: clamp(1rem, 1.35vw, 1.25rem) !important;
  line-height: 1.12 !important;
}

body.citysc-page .citysc-league-chip small {
  font-size: 0.8rem !important;
  line-height: 1.38 !important;
}

@media (min-width: 761px) {
  body.mf-v42-ready .site-footer a,
  body.mf-v42-ready .site-footer button {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}

@media (max-width: 980px) {
  body.citysc-page .citysc-league-rail__grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body.mf-v44-stl .mf-stl-local-nav {
    top: 38px;
  }

  body.mf-v44-stl .mf-stl-local-nav__inner,
  body.mf-v44-stl .mf-stl-jump-nav {
    width: min(100% - 1rem, 1180px);
  }

  body.mf-v44-stl .mf-stl-jump-nav {
    align-items: stretch;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.5rem;
  }

  body.mf-v44-stl .mf-stl-jump-nav > div {
    margin-inline: -0.2rem;
  }

  body.citysc-page .citysc-league-chip {
    min-height: 96px !important;
  }

  body.stl-soccer-hub-page #today-in-stl-soccer .mf-today-stl__head .stl-btn {
    min-height: 44px !important;
  }

  body.stl-soccer-hub-page main#main-content :where(
    .stl-hub-tryout-search input,
    .stl-hub-tryout-filter,
    .stl-hub-tryout-more-toggle,
    .stl-hub-college-filter,
    .stl-hub-college-more-toggle,
    .stl-news-feed-filter
  ) {
    min-height: 44px !important;
  }

  body.stl-soccer-hub-page main#main-content :where(
    .stl-hub-tryout-media,
    .stl-hub-tryout-source,
    .stl-hub-slysa-list a
  ) {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
  }
}

/* STL Directory — search-first release layout. */
body.mf-stl-directory-page main#main-content {
  width: 100% !important;
  max-width: none !important;
}

body.mf-stl-directory-page .mf-directory-hero {
  min-height: 0 !important;
  padding: 1.5rem 0 !important;
}

body.mf-stl-directory-page .mf-directory-hero > .stl-container,
body.mf-stl-directory-page .mf-directory-hero .stl-city-layout {
  width: min(100% - 2rem, 1180px) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
}

body.mf-stl-directory-page .mf-directory-hero .stl-city-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr) !important;
  align-items: stretch !important;
  gap: 1rem !important;
  padding: 1rem !important;
}

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

body.mf-stl-directory-page .mf-directory-hero .stl-city-info,
body.mf-stl-directory-page .mf-directory-hero .mf-hero-side {
  min-height: 0 !important;
  border: 1px solid rgba(245, 211, 63, 0.22) !important;
  border-radius: 16px !important;
  padding: 1.25rem !important;
  background: rgba(3, 15, 11, 0.9) !important;
}

body.mf-stl-directory-page .mf-directory-hero .stl-city-info {
  justify-items: start !important;
  text-align: left !important;
}

body.mf-stl-directory-page .mf-directory-hero .stl-city-info > *,
body.mf-stl-directory-page .mf-directory-hero .stl-city-info .stl-heading,
body.mf-stl-directory-page .mf-directory-hero .stl-city-info .stl-muted,
body.mf-stl-directory-page .mf-directory-hero .stl-city-info .hero-ctas {
  justify-self: start !important;
  text-align: left !important;
}

body.mf-stl-directory-page .mf-directory-hero .stl-heading {
  max-width: 16ch !important;
  margin-block: 0.55rem !important;
  font-size: clamp(2rem, 3.6vw, 3.65rem) !important;
  line-height: 0.98 !important;
}

body.mf-stl-directory-page .mf-directory-hero .stl-muted {
  max-width: 56ch !important;
  margin: 0 !important;
}

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

body.mf-stl-directory-page .mf-directory-hero .mf-directory-hero-notes {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.4rem !important;
  margin-top: 0.75rem !important;
}

body.mf-stl-directory-page .mf-directory-hero .mf-hero-side {
  align-content: start !important;
}

body.mf-stl-directory-page .mf-directory-hero .mf-hero-side__title {
  max-width: 24ch !important;
  margin-block: 0.35rem 0.85rem !important;
}

body.mf-stl-directory-page #stl-directory {
  width: min(100% - 2rem, 1180px) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding: 1.25rem 0 2rem !important;
}

body.mf-stl-directory-page #stl-directory .stl-section-header-row {
  display: none !important;
}

body.mf-stl-directory-page #stl-directory-app,
body.mf-stl-directory-page #stl-directory-app > .stl-directory-app {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.mf-stl-directory-page .stl-directory-app {
  display: grid !important;
  gap: 1rem !important;
}

body.mf-stl-directory-page .stl-directory-toolbar {
  display: grid !important;
  grid-template-columns: minmax(240px, 0.7fr) minmax(0, 1.3fr) !important;
  gap: 1rem !important;
  border: 1px solid rgba(211, 255, 31, 0.28) !important;
  border-radius: 18px !important;
  padding: 1rem !important;
  background: rgba(4, 18, 12, 0.94) !important;
}

body.mf-stl-directory-page .stl-directory-toolbar__intro {
  align-self: center !important;
}

body.mf-stl-directory-page .stl-directory-toolbar__intro h3 {
  margin-block: 0.25rem !important;
  font-size: clamp(1.25rem, 2vw, 1.8rem) !important;
}

body.mf-stl-directory-page .stl-directory-toolbar__intro p {
  margin: 0 !important;
  color: rgba(248, 251, 245, 0.68) !important;
}

body.mf-stl-directory-page .stl-directory-controls {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(150px, 0.6fr)) !important;
  gap: 0.65rem !important;
}

body.mf-stl-directory-page .stl-directory-field {
  display: grid !important;
  gap: 0.35rem !important;
}

body.mf-stl-directory-page .stl-directory-field :is(input, select) {
  width: 100% !important;
  min-height: 48px !important;
}

body.mf-stl-directory-page .stl-directory-quick-filters {
  grid-column: 1 / -1 !important;
  display: flex !important;
  gap: 0.4rem !important;
  overflow-x: auto !important;
  padding-bottom: 0.1rem !important;
}

body.mf-stl-directory-page .stl-directory-quick-filters button,
body.mf-stl-directory-page .stl-directory-lanes button,
body.mf-stl-directory-page .stl-directory-results-bar button {
  flex: 0 0 auto !important;
  min-height: 44px !important;
}

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

body.mf-stl-directory-page .stl-directory-feature-stage {
  display: grid !important;
  gap: 0.8rem !important;
  border-block: 1px solid rgba(245, 211, 63, 0.2) !important;
  padding-block: 1rem !important;
}

@media (min-width: 981px) {
  body.mf-stl-directory-page .stl-directory-feature-stage {
    order: -1 !important;
  }
}

body.mf-stl-directory-page .stl-directory-feature-stage__head {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 1rem !important;
}

body.mf-stl-directory-page .stl-directory-feature-stage__head h2 {
  max-width: 25ch !important;
  margin-block: 0.25rem !important;
  font-size: clamp(1.5rem, 2.5vw, 2.4rem) !important;
  line-height: 1 !important;
}

body.mf-stl-directory-page .stl-directory-feature-stage__head p {
  max-width: 62ch !important;
  margin: 0 !important;
  color: rgba(248, 251, 245, 0.68) !important;
}

body.mf-stl-directory-page .stl-directory-feature-stage__head > a {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  min-height: 44px !important;
  color: #d3ff1f !important;
  font-weight: 800 !important;
}

body.mf-stl-directory-page .stl-directory-feature-grid {
  display: grid !important;
  grid-template-columns: 1.35fr 0.825fr 0.825fr !important;
  gap: 0.75rem !important;
}

body.mf-stl-directory-page .stl-directory-feature-card {
  position: relative !important;
  display: grid !important;
  grid-template-rows: 150px minmax(0, 1fr) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--feature-accent, #f7d84a) 55%, transparent) !important;
  border-radius: 16px !important;
  background: rgba(2, 13, 9, 0.96) !important;
}

body.mf-stl-directory-page .stl-directory-feature-card--lead {
  grid-template-columns: minmax(180px, 0.82fr) minmax(0, 1.18fr) !important;
  grid-template-rows: minmax(292px, 1fr) !important;
}

body.mf-stl-directory-page .stl-directory-feature-card__media {
  position: relative !important;
  display: grid !important;
  min-height: 0 !important;
  place-items: center !important;
  overflow: hidden !important;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--feature-accent, #f7d84a) 24%, #07130d), rgba(3, 14, 10, 0.98)),
    var(--feature-bg) center / cover no-repeat !important;
}

body.mf-stl-directory-page .stl-directory-feature-card__media::after {
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 48% !important;
  content: "" !important;
  background: linear-gradient(to top, rgba(2, 13, 9, 0.9), transparent) !important;
  pointer-events: none !important;
}

body.mf-stl-directory-page .stl-directory-feature-card__media img {
  position: relative !important;
  z-index: 1 !important;
  width: clamp(84px, 8vw, 120px) !important;
  height: clamp(84px, 8vw, 120px) !important;
  object-fit: contain !important;
  filter: drop-shadow(0 16px 30px rgba(0, 0, 0, 0.48)) !important;
}

body.mf-stl-directory-page .stl-directory-feature-card__media > span {
  position: absolute !important;
  z-index: 2 !important;
  left: 0.75rem !important;
  bottom: 0.65rem !important;
  color: #fff !important;
  font: 800 0.66rem/1 "JetBrains Mono", monospace !important;
  text-transform: uppercase !important;
}

body.mf-stl-directory-page .stl-directory-feature-card__copy {
  display: grid !important;
  align-content: start !important;
  gap: 0.55rem !important;
  min-width: 0 !important;
  padding: 0.9rem !important;
}

body.mf-stl-directory-page .stl-directory-feature-card__copy h3 {
  margin: 0 !important;
  font-size: clamp(1.15rem, 1.8vw, 1.75rem) !important;
  line-height: 1 !important;
}

body.mf-stl-directory-page .stl-directory-feature-card__copy p {
  display: -webkit-box !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: rgba(248, 251, 245, 0.72) !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

body.mf-stl-directory-page .stl-directory-feature-card__copy .mf-front-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.4rem !important;
  margin-top: auto !important;
}

body.mf-stl-directory-page .stl-directory-feature-card__copy .mf-front-actions > span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  color: rgba(248, 251, 245, 0.48) !important;
  font: 600 0.64rem/1 "JetBrains Mono", monospace !important;
}

body.mf-stl-directory-page .stl-directory-feature-save.is-saved {
  border-color: #d3ff1f !important;
  color: #071008 !important;
  background: #d3ff1f !important;
}

body.mf-stl-directory-page .stl-directory-stats article {
  min-height: 74px !important;
  padding: 0.8rem 1rem !important;
}

body.mf-stl-directory-page .stl-directory-lanes {
  display: flex !important;
  gap: 0.45rem !important;
  overflow-x: auto !important;
  padding: 0.25rem 0 0.45rem !important;
  scrollbar-width: thin !important;
}

body.mf-stl-directory-page .stl-directory-lanes button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  white-space: nowrap !important;
}

body.mf-stl-directory-page .stl-directory-results-bar {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 56px !important;
  border-block: 1px solid rgba(245, 211, 63, 0.18) !important;
  border-radius: 0 !important;
  padding: 0.45rem 0 !important;
  background: transparent !important;
}

body.mf-stl-directory-page .stl-directory-results-bar > button {
  margin-left: auto !important;
}

body.mf-stl-directory-page main#main-content #stl-directory-grid.stl-directory-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
  width: 100% !important;
}

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

body.mf-stl-directory-page .stl-directory-load-more {
  display: grid !important;
  justify-items: center !important;
  gap: 0.35rem !important;
  padding: 0.75rem !important;
}

body.mf-stl-directory-page .stl-directory-load-more[hidden] {
  display: none !important;
}

body.mf-stl-directory-page .stl-directory-secondary {
  border: 1px solid rgba(245, 211, 63, 0.24) !important;
  border-radius: 18px !important;
  background: rgba(4, 18, 12, 0.88) !important;
}

body.mf-stl-directory-page .stl-directory-secondary > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 58px !important;
  padding: 0.75rem 1rem !important;
  cursor: pointer !important;
  font-weight: 800 !important;
}

body.mf-stl-directory-page .stl-directory-secondary > summary b {
  display: inline-grid !important;
  min-width: 32px !important;
  min-height: 32px !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #071008 !important;
  background: #f7d84a !important;
}

body.mf-stl-directory-page .stl-directory-secondary .stl-camps-module {
  margin: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(245, 211, 63, 0.18) !important;
  border-radius: 0 0 18px 18px !important;
}

body.mf-stl-directory-page .mf-search-empty {
  grid-column: 1 / -1 !important;
  display: grid !important;
  justify-items: center !important;
  gap: 0.5rem !important;
  min-height: 220px !important;
  place-content: center !important;
  text-align: center !important;
}

body.mf-stl-directory-page #back-to-top {
  position: fixed !important;
  right: 1rem !important;
  bottom: 1rem !important;
  z-index: 50 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.mf-stl-directory-page #back-to-top:is(.visible, .is-visible, [data-visible="true"]) {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

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

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

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

  body.mf-stl-directory-page .stl-directory-feature-card--lead {
    grid-column: 1 / -1 !important;
  }
}

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

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

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

  body.mf-stl-directory-page .mf-directory-hero .stl-city-info,
  body.mf-stl-directory-page .mf-directory-hero .mf-hero-side {
    padding: 1rem !important;
  }

  body.mf-stl-directory-page .mf-directory-hero .stl-heading {
    max-width: 14ch !important;
    font-size: clamp(2rem, 11vw, 2.75rem) !important;
  }

  body.mf-stl-directory-page .mf-directory-hero .hero-ctas .stl-btn {
    flex: 1 1 100% !important;
  }

  body.mf-stl-directory-page .mf-directory-hero .hero-ctas .stl-btn:not(:first-child),
  body.mf-stl-directory-page .mf-directory-hero .mf-directory-hero-notes > :nth-child(n + 3) {
    display: none !important;
  }

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

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

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

  body.mf-stl-directory-page .stl-directory-field--search {
    grid-column: 1 / -1 !important;
  }

  body.mf-stl-directory-page .stl-directory-stats {
    grid-template-columns: repeat(4, minmax(84px, 1fr)) !important;
    overflow-x: auto !important;
  }

  body.mf-stl-directory-page .stl-directory-stats article {
    min-height: 68px !important;
  }

  body.mf-stl-directory-page .stl-directory-results-bar {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
  }

  body.mf-stl-directory-page .stl-directory-results-bar > button {
    margin-left: 0 !important;
  }

  body.mf-stl-directory-page main#main-content #stl-directory-grid.stl-directory-grid {
    grid-template-columns: 1fr !important;
  }

  body.mf-stl-directory-page .stl-directory-feature-stage__head {
    align-items: start !important;
    flex-direction: column !important;
  }

  body.mf-stl-directory-page .stl-directory-feature-grid {
    display: flex !important;
    gap: 0.65rem !important;
    margin-inline: -0.25rem !important;
    overflow-x: auto !important;
    padding: 0.25rem !important;
    scroll-snap-type: x mandatory !important;
  }

  body.mf-stl-directory-page .stl-directory-feature-card,
  body.mf-stl-directory-page .stl-directory-feature-card--lead {
    display: grid !important;
    flex: 0 0 min(84vw, 330px) !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 142px minmax(0, 1fr) !important;
    min-height: 430px !important;
    scroll-snap-align: start !important;
  }

  body.mf-stl-directory-page .stl-directory-feature-card__media img {
    width: 92px !important;
    height: 92px !important;
  }
}

/* Player Tracker media-hub refresh: authentic profiles first, pathways second. */
body.mf-v44-players main .mf-player-tracker-hero {
  display: block !important;
  min-height: 0 !important;
  padding-block: clamp(1.2rem, 2.6vw, 2.35rem) !important;
  border-bottom: 1px solid rgba(250, 204, 21, .22) !important;
}

body.mf-v44-players main .mf-player-tracker-hero .mf-diaspora-hero__inner {
  display: grid !important;
  grid-template-columns: minmax(19rem, .78fr) minmax(31rem, 1.22fr) !important;
  align-items: center !important;
  gap: clamp(1rem, 2vw, 1.75rem) !important;
}

body.mf-v44-players main .mf-player-tracker-hero .mf-polish-hero__copy {
  display: grid !important;
  gap: .68rem !important;
  align-content: center !important;
}

body.mf-v44-players main .mf-player-tracker-hero h1 {
  margin: 0 !important;
  max-width: 9ch !important;
  font-size: clamp(2.45rem, 4.6vw, 4.6rem) !important;
  line-height: .9 !important;
  letter-spacing: -.055em !important;
}

body.mf-v44-players main .mf-player-tracker-hero .mf-polish-hero__copy > p {
  max-width: 46ch !important;
  margin: 0 !important;
  font-size: clamp(.95rem, 1vw, 1.08rem) !important;
}

body.mf-v44-players main .mf-tracker-howto {
  display: none !important;
}

body.mf-v44-players main .mf-tracker-polish-tabs {
  margin: 0 !important;
}

body.mf-v44-players main .mf-tracker-polish-tabs span {
  min-height: 2.25rem !important;
}

body.mf-v44-players main .mf-player-card-deck {
  grid-template-columns: minmax(14rem, 1.1fr) repeat(2, minmax(10rem, .75fr)) !important;
  gap: .65rem !important;
}

body.mf-v44-players main .mf-player-polish-card,
body.mf-v44-players main .mf-player-polish-card--feature {
  grid-row: auto !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  min-height: 23rem !important;
  border-radius: 1rem !important;
  padding: .65rem !important;
}

body.mf-v44-players main .mf-player-polish-card__media img {
  aspect-ratio: 4 / 3 !important;
}

body.mf-v44-players main .mf-player-polish-card h2 {
  font-size: clamp(1rem, 1.45vw, 1.35rem) !important;
}

body.mf-v44-players main .mf-player-polish-card dl {
  display: none !important;
}

body.mf-v44-players main .mf-player-update {
  margin-top: auto !important;
  padding: .55rem .62rem !important;
  font-size: .72rem !important;
}

body.mf-v44-players main .mf-tracker-links-section {
  padding-block: clamp(1rem, 2vw, 1.7rem) !important;
}

body.mf-v44-players main .mf-tracker-links-head {
  align-items: end !important;
  margin-bottom: .8rem !important;
}

body.mf-v44-players main .mf-tracker-link-console {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
}

body.mf-v44-players main .mf-tracker-official-board,
body.mf-v44-players main .mf-tracker-player-media {
  grid-column: 1 / -1 !important;
}

body.mf-v44-players main .mf-tracker-official-board {
  gap: .72rem !important;
  padding: clamp(.85rem, 1.5vw, 1.2rem) !important;
  background:
    radial-gradient(circle at 8% 0, rgba(250, 204, 21, .16), transparent 26%),
    linear-gradient(135deg, rgba(4, 24, 18, .98), rgba(4, 14, 22, .98)) !important;
}

body.mf-v44-players main .mf-tracker-discovery {
  display: grid !important;
  grid-template-columns: minmax(16rem, .7fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: .42rem .8rem !important;
  border-block: 1px solid rgba(255, 255, 255, .09) !important;
  padding-block: .72rem !important;
}

body.mf-v44-players main .mf-tracker-discovery label {
  color: #fff8dc !important;
  font: 900 .76rem/1 var(--f-mono, monospace) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.mf-v44-players main .mf-tracker-discovery__field {
  display: grid !important;
  grid-template-columns: 2.75rem minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 3rem !important;
  border: 1px solid rgba(250, 204, 21, .34) !important;
  border-radius: .75rem !important;
  background: rgba(0, 0, 0, .3) !important;
}

body.mf-v44-players main .mf-tracker-discovery__field > span {
  color: #facc15 !important;
  font-size: 1.35rem !important;
  text-align: center !important;
}

body.mf-v44-players main .mf-tracker-discovery input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.9rem !important;
  border: 0 !important;
  padding: .65rem .75rem .65rem 0 !important;
  background: transparent !important;
  color: #fff !important;
  font: 700 .9rem/1.2 var(--f-body, sans-serif) !important;
}

body.mf-v44-players main .mf-tracker-discovery input:focus {
  outline: 0 !important;
}

body.mf-v44-players main .mf-tracker-discovery__field:focus-within {
  border-color: #facc15 !important;
  box-shadow: 0 0 0 3px rgba(250, 204, 21, .2) !important;
}

body.mf-v44-players main .mf-tracker-discovery__status {
  grid-column: 2 !important;
  margin: 0 !important;
  color: rgba(255, 248, 220, .7) !important;
  font: 700 .72rem/1.2 var(--f-mono, monospace) !important;
}

body.mf-v44-players main .mf-tracker-official-board__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.mf-v44-players main .mf-tracker-profile-tile {
  position: relative !important;
  display: grid !important;
  min-width: 0 !important;
}

body.mf-v44-players main .mf-tracker-profile-tile.is-hidden {
  display: none !important;
}

body.mf-v44-players main .mf-tracker-profile-tile .mf-tracker-official-card {
  height: 100% !important;
  min-height: 14rem !important;
  padding-top: 3.1rem !important;
}

body.mf-v44-players main .mf-tracker-save {
  position: absolute !important;
  z-index: 4 !important;
  top: .55rem !important;
  right: .55rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .3rem !important;
  min-height: 2.75rem !important;
  border: 1px solid rgba(250, 204, 21, .44) !important;
  border-radius: 999px !important;
  padding: .55rem .72rem !important;
  background: rgba(3, 9, 8, .84) !important;
  color: #fff8dc !important;
  cursor: pointer !important;
  font: 900 .68rem/1 var(--f-mono, monospace) !important;
}

body.mf-v44-players main .mf-tracker-save[aria-pressed="true"] {
  background: #facc15 !important;
  color: #06120c !important;
}

body.mf-v44-players main .mf-tracker-player-media__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.mf-v44-players main .mf-tracker-link-card--primary,
body.mf-v44-players main .mf-tracker-link-grid {
  min-height: 20rem !important;
}

body.mf-v44-players main :where(
  .mf-tracker-modebar a,
  .mf-tracker-lane-chips a,
  .mf-tracker-link-card__cta,
  .mf-tracker-official-card--queue a,
  .mf-diaspora-actions a
) {
  min-height: 2.75rem !important;
}

@media (max-width: 1100px) {
  body.mf-v44-players main .mf-player-tracker-hero .mf-diaspora-hero__inner {
    grid-template-columns: minmax(17rem, .72fr) minmax(27rem, 1.28fr) !important;
  }

  body.mf-v44-players main .mf-player-card-deck {
    grid-template-columns: repeat(3, minmax(9rem, 1fr)) !important;
  }

  body.mf-v44-players main .mf-player-polish-card,
  body.mf-v44-players main .mf-player-polish-card--feature {
    min-height: 20rem !important;
  }

  body.mf-v44-players main .mf-tracker-official-board__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  body.mf-v44-players main .mf-player-tracker-hero .mf-diaspora-hero__inner {
    grid-template-columns: 1fr !important;
  }

  body.mf-v44-players main .mf-player-tracker-hero h1 {
    max-width: 100% !important;
    font-size: clamp(2.4rem, 10vw, 3.7rem) !important;
  }

  body.mf-v44-players main .mf-player-card-deck {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    padding: .15rem .15rem .65rem !important;
    scroll-snap-type: x mandatory !important;
  }

  body.mf-v44-players main .mf-player-polish-card,
  body.mf-v44-players main .mf-player-polish-card--feature {
    flex: 0 0 min(76vw, 19rem) !important;
    min-height: 20rem !important;
    scroll-snap-align: start !important;
  }

  body.mf-v44-players main .mf-tracker-link-console {
    grid-template-columns: 1fr !important;
  }

  body.mf-v44-players main .mf-tracker-official-board__head,
  body.mf-v44-players main .mf-tracker-discovery {
    grid-template-columns: 1fr !important;
  }

  body.mf-v44-players main .mf-tracker-discovery__status {
    grid-column: 1 !important;
  }

  body.mf-v44-players main .mf-tracker-official-board__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mf-v44-players main .mf-tracker-player-media__grid {
    display: flex !important;
    overflow-x: auto !important;
    padding: .15rem .15rem .65rem !important;
    scroll-snap-type: x mandatory !important;
  }

  body.mf-v44-players main .mf-tracker-media-card {
    flex: 0 0 min(78vw, 20rem) !important;
    grid-template-columns: 1fr !important;
    scroll-snap-align: start !important;
  }
}

@media (max-width: 560px) {
  body.mf-v44-players main .mf-player-tracker-hero .mf-diaspora-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  body.mf-v44-players main .mf-player-tracker-hero .mf-diaspora-actions a:first-child {
    grid-column: 1 / -1 !important;
  }

  body.mf-v44-players main .mf-polish-stat-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.mf-v44-players main .mf-polish-stat-row span {
    display: block !important;
    min-width: 0 !important;
    padding: .55rem .35rem !important;
    font-size: .66rem !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  body.mf-v44-players main .mf-polish-stat-row strong {
    display: block !important;
    margin-bottom: .16rem !important;
    font-size: 1.08rem !important;
    line-height: 1 !important;
  }

  body.mf-v44-players main .mf-tracker-signal {
    display: none !important;
  }

  body.mf-v44-players main .mf-tracker-links-head {
    align-items: start !important;
  }

  body.mf-v44-players main .mf-tracker-modebar {
    width: 100% !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    padding-bottom: .3rem !important;
  }

  body.mf-v44-players main .mf-tracker-modebar a {
    flex: 0 0 auto !important;
    min-height: 2.75rem !important;
  }

  body.mf-v44-players main .mf-tracker-official-board__filters {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    padding-bottom: .35rem !important;
  }

  body.mf-v44-players main .mf-tracker-official-board__filters button {
    flex: 0 0 auto !important;
    min-height: 2.75rem !important;
  }

  body.mf-v44-players main .mf-tracker-official-board__summary {
    display: flex !important;
    overflow-x: auto !important;
  }

  body.mf-v44-players main .mf-tracker-official-board__summary span {
    flex: 0 0 12rem !important;
  }

  body.mf-v44-players main .mf-tracker-official-board__grid {
    display: flex !important;
    overflow-x: auto !important;
    padding: .15rem .15rem .65rem !important;
    scroll-snap-type: x mandatory !important;
  }

  body.mf-v44-players main .mf-tracker-profile-tile,
  body.mf-v44-players main .mf-tracker-official-card--queue {
    flex: 0 0 min(82vw, 20rem) !important;
    min-height: 14rem !important;
    scroll-snap-align: start !important;
  }

  body.mf-v44-players main .mf-tracker-player-media__head {
    align-items: start !important;
  }

  body.mf-v44-players main .mf-tracker-link-card--primary,
  body.mf-v44-players main .mf-tracker-link-grid {
    min-height: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mf-v44-players main .mf-tracker-league-collage {
    animation: none !important;
  }
}

/* Player Tracker: official portraits with origin-first fallbacks. */
body.mf-v44-players main .mf-tracker-profile-tile .mf-tracker-official-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: .48rem !important;
  min-height: 20rem !important;
  padding: .62rem !important;
  background: linear-gradient(155deg, #0c2e2b, #071513) !important;
}

body.mf-v44-players main .mf-tracker-official-card::before,
body.mf-v44-players main .mf-tracker-official-card::after {
  opacity: .28 !important;
}

body.mf-v44-players main .mf-tracker-official-card__media {
  position: relative !important;
  display: grid !important;
  min-height: 8.75rem !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(250, 204, 21, .26) !important;
  border-radius: .62rem !important;
  background:
    radial-gradient(circle at 50% 25%, rgba(250, 204, 21, .23), transparent 43%),
    linear-gradient(145deg, #17493e, #061311) !important;
}

body.mf-v44-players main .mf-tracker-official-card__media img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: var(--profile-focus, 50% 25%) !important;
}

body.mf-v44-players main .mf-tracker-official-card__media small {
  position: absolute !important;
  inset: auto .4rem .4rem !important;
  z-index: 1 !important;
  width: max-content !important;
  max-width: calc(100% - .8rem) !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  padding: .28rem .48rem !important;
  background: rgba(2, 8, 7, .84) !important;
  color: #f8f2d9 !important;
  font: 800 .58rem/1.15 var(--f-mono, monospace) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.mf-v44-players main .mf-tracker-official-card__flag-image {
  position: static !important;
  width: min(7rem, 52%) !important;
  height: auto !important;
  max-height: 5.25rem !important;
  object-fit: contain !important;
  border-radius: .38rem !important;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .34)) !important;
}

body.mf-v44-players main .mf-tracker-official-card__ball {
  font-size: 3.8rem !important;
  line-height: 1 !important;
}

body.mf-v44-players main .mf-tracker-official-card__rank {
  margin-top: .08rem !important;
  align-self: flex-start !important;
}

body.mf-v44-players main .mf-tracker-official-card strong {
  display: flex !important;
  align-items: center !important;
  gap: .42rem !important;
  font-size: 1rem !important;
  line-height: 1.12 !important;
}

body.mf-v44-players main .mf-tracker-official-card__origin {
  flex: 0 0 auto !important;
  width: 1.45rem !important;
  height: 1.08rem !important;
  border-radius: .16rem !important;
  object-fit: cover !important;
}

body.mf-v44-players main .mf-tracker-official-card p {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

body.mf-v44-players main .mf-tracker-official-card__source {
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;
  width: max-content !important;
  min-height: 2.75rem !important;
  margin-top: auto !important;
  color: #d9ff39 !important;
  font: 900 .7rem/1 var(--f-mono, monospace) !important;
  text-transform: uppercase !important;
}

@media (max-width: 560px) {
  body.mf-v44-players main .mf-tracker-profile-tile,
  body.mf-v44-players main .mf-tracker-official-card--queue {
    min-height: 20rem !important;
  }
}
/* Restore the previous homepage route menu inside the desktop hero. */
@media (min-width: 900px) {
  html body.mf-system-home main#main-content .mf-v22-hero-explore[open] {
    margin-top: .3rem !important;
    padding-top: .8rem !important;
    border-top: 1px solid rgba(245, 200, 66, .22) !important;
  }

  html body.mf-system-home main#main-content .mf-v22-hero-explore[open] > summary {
    display: none !important;
  }

  html body.mf-system-home main#main-content .mf-v22-hero-explore[open] > .mf-v22-hero-explore__content {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(16rem, .72fr) !important;
    grid-template-areas:
      "hero-leagues hero-hubs"
      "hero-routes hero-hubs" !important;
    gap: .7rem !important;
    align-items: start !important;
  }

  html body.mf-system-home main#main-content .mf-v22-hero-explore[open] .mf-v22-league-doors {
    grid-area: hero-leagues !important;
  }

  html body.mf-system-home main#main-content .mf-v22-hero-explore[open] .mf-v22-quick-routes {
    grid-area: hero-routes !important;
  }

  html body.mf-system-home main#main-content .mf-v22-hero-explore[open] .mf-v22-find-panel {
    grid-area: hero-hubs !important;
  }
}

/* Global footer readability and target-size release gate. */
html body .site-footer,
html body [data-site-footer] footer {
  padding: 1.1rem 0 .45rem !important;
  background: linear-gradient(180deg, rgba(9, 27, 20, .96), rgba(2, 10, 7, .99)) !important;
}

html body .site-footer .site-footer__inner {
  grid-template-columns: minmax(11rem, 1.05fr) repeat(5, minmax(7.5rem, .8fr)) !important;
  gap: 1rem 1.35rem !important;
  padding: .8rem 0 .65rem !important;
}

html body .site-footer .site-footer__brand,
html body .site-footer .site-footer__nav {
  gap: .5rem !important;
}

html body .site-footer .site-brand__logo {
  width: 2.25rem !important;
  height: 2.25rem !important;
}

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

html body .site-footer .site-socials {
  gap: .4rem !important;
}

html body .site-footer .site-socials a {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: .55rem !important;
}

html body .site-footer .site-footer__nav h2,
html body .site-footer .site-footer__nav h3 {
  margin: 0 0 .24rem !important;
  color: rgba(226, 237, 230, .76) !important;
  font-size: .72rem !important;
  line-height: 1.2 !important;
  letter-spacing: .1em !important;
}

html body .site-footer .site-footer__nav ul {
  grid-template-columns: 1fr !important;
  gap: .08rem !important;
}

html body .site-footer .site-footer__nav li {
  line-height: 1.25 !important;
}

html body .site-footer .site-footer__nav a {
  min-height: 44px !important;
  padding: .42rem .25rem !important;
  color: rgba(247, 251, 243, .82) !important;
  font-size: max(.86rem, 12px) !important;
  line-height: 1.3 !important;
}

html body .site-footer .site-footer__nav a:hover,
html body .site-footer .site-footer__nav a:focus-visible {
  color: #d6ff1f !important;
}

html body .site-footer .site-footer__bottom {
  min-height: 44px !important;
  margin-top: .45rem !important;
  padding: .55rem 0 !important;
  color: rgba(226, 237, 230, .72) !important;
  font-size: .72rem !important;
  line-height: 1.3 !important;
}

@media (max-width: 980px) {
  html body .site-footer .site-footer__inner {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

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

  html body .site-footer .site-footer__brand {
    grid-column: 1 / -1;
  }
}

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

  html body .site-footer .site-footer__brand {
    grid-column: auto;
  }
}
/* 2026-07-20 release-gate polish */
[data-site-header] {
  display: block;
  min-height: 88px !important;
  background: #020805;
}

body.mf-home-v22 [data-site-header] {
  min-height: 50px !important;
}

@media (max-width: 900px) {
  [data-site-header] {
    min-height: 74px !important;
  }

  body.mf-home-v22 [data-site-header] {
    min-height: 48px !important;
  }
}

.site-header :where(.site-nav__link, .site-nav__toggle, .site-header__actions a, .site-header__actions button) {
  min-height: 44px !important;
}

.mf-article-card-badge {
  color: #071007 !important;
  background: #f5c842 !important;
  font-size: .68rem !important;
}

.mf-player-card-deck:focus-visible,
.mf-tracker-official-board__summary:focus-visible {
  outline: 3px solid #d6ff1f;
  outline-offset: 4px;
}

@media (min-width: 769px) {
  body.mf-page-shell :where(details > summary, .mf-diaspora-player-card summary, .mf-pathway-card summary) {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 640px) {
  body.mf-media-page .mf-daily-hero {
    min-height: 0 !important;
    padding-block: 1rem !important;
  }

  body.mf-media-page .mf-daily-hero :where(h1, .stl-heading) {
    font-size: clamp(2rem, 10vw, 3rem) !important;
  }

  body.mf-media-page .mf-daily-hero :where(.mf-daily-board, .mf-home-hero-rail) {
    min-height: 12rem;
  }

  #mo-toasts {
    inset: auto .75rem .75rem !important;
    max-width: calc(100vw - 1.5rem);
  }
}

/* Reserve stable space while async hubs hydrate to prevent large layout jumps. */
[data-content-discovery],
[data-partner-zone],
[data-signal-lane],
#articles-featured,
#articles-grid,
#mf-diaspora-section-app,
#mf-afcon-dashboard,
#mf-matchday-app,
#mf-player-directory-app {
  min-height: 12rem;
  contain: layout paint;
}

body:has(#articles-grid) .stl-section:has([data-content-discovery]),
body:has(#articles-grid) .stl-section:has(#articles-featured) {
  display: none;
}

body.mf-media-page #mo-toasts {
  display: none !important;
}

body.mf-afcon-page .mf-afcon-newsstand__issue:not(.is-lead)::before {
  display: none !important;
}

body.mf-afcon-page main#main-content#main-content .mf-afcon-newsstand__issue:not(.is-lead)::before {
  display: none !important;
  content: none !important;
}

body.mf-afcon-page .mf-afcon-newsstand__issue:not(.is-lead) {
  padding-top: 1rem !important;
}

@media (max-width: 640px) {
  [data-content-discovery],
  [data-partner-zone],
  [data-signal-lane],
  #articles-featured,
  #articles-grid,
  #mf-diaspora-section-app,
  #mf-afcon-dashboard,
  #mf-matchday-app,
  #mf-player-directory-app {
    min-height: 16rem;
  }
}

/*
 * Stable first paint for data-driven front pages.
 * These dimensions mirror the final layouts at the release-gate viewports, so
 * hydrated cards replace reserved space instead of moving the page underneath
 * readers. Content may grow naturally when a feed contains more records.
 */
html body.mf-system-home .mf-v22-now-line {
  min-height: 11.75rem !important;
  font-family: var(--font-body) !important;
}

html body.mf-system-home .mf-v22-hero :where(h1, h2, h3, strong) {
  font-family: var(--font-display) !important;
}

html body.mf-system-home #main-content #home-hero-title {
  max-width: 18ch !important;
  font-size: clamp(2rem, 2.52vw, 2.45rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.042em !important;
}

html body.mf-system-home #main-content .mf-v22-hero__lede {
  max-width: 48ch !important;
  font-size: clamp(1rem, 1.2vw, 1.1rem) !important;
  line-height: 1.35 !important;
}

html body.mf-system-home #main-content .mf-v22-section {
  padding-block: clamp(1rem, 2vw, 1.65rem) !important;
}

html body.mf-system-home #main-content :where(.mf-v22-hero__copy, .mf-v22-find-panel) {
  padding: clamp(.82rem, 1.7vw, 1.25rem) !important;
}

html body.mf-system-home #main-content .mf-v22-feature__body {
  padding: clamp(.9rem, 2vw, 1.35rem) !important;
}

body:has(#articles-grid):not(:has(#mf-newsroom-front)) .mf-article-lanes-section {
  margin-top: 67.875rem !important;
}

[data-matchday-desk] {
  min-height: 175rem !important;
  contain: layout paint;
}

#wc2026-knockout {
  min-height: 43.75rem !important;
  contain: layout paint;
}

body.mf-world-cup-page #wc2026-knockout :where(h1, h2, h3, strong),
body:has([data-matchday-desk]) :where(.mf-matchday-hero h1, .mf-matchday-hero h2, .mf-matchday-match__time) {
  font-family: var(--font-display) !important;
}

/* Reserve the exact space used by hubs that are assembled by first-party JS. */
body.mf-media-page:not(:has(main > .mf-daily-hero)) #watch {
  padding-top: calc(var(--space-section, 2rem) + 41.25rem) !important;
}

body:has(.mf-tracker-links-section):not(:has(main > .mf-player-tracker-hero)) .mf-tracker-links-section {
  padding-top: calc(var(--space-section, 2rem) + 41.1875rem) !important;
}

body.mf-afcon-page:not(:has(main > .mf-afcon-hero)) .mf-afcon-dashboard-section {
  padding-top: calc(var(--space-section, 2rem) + 75.875rem) !important;
}

body.mf-contributor-page:not(:has(#contributor-process)) #portal {
  padding-top: calc(var(--space-section, 2rem) + 44.0625rem) !important;
}

@media (max-width: 640px) {
  .mf-score-ribbon:not(.mf-polish-ticker-open) [data-top-events-rail] {
    display: none !important;
  }

  html body.mf-system-home .mf-v22-now-line {
    min-height: 16.875rem !important;
  }

  html body.mf-system-home #main-content #home-hero-title {
    max-width: 13ch !important;
    font-size: clamp(2rem, 9vw, 2.65rem) !important;
  }

  body:has(#articles-grid):not(:has(#mf-newsroom-front)) .mf-article-lanes-section {
    margin-top: 104.125rem !important;
  }

  [data-matchday-desk] {
    min-height: 58.5rem !important;
  }

  #wc2026-knockout {
    min-height: 73.75rem !important;
  }

  body.mf-media-page:not(:has(main > .mf-daily-hero)) #watch {
    padding-top: calc(var(--space-section-mobile, 1.25rem) + 56.25rem) !important;
  }

  body:has(.mf-tracker-links-section):not(:has(main > .mf-player-tracker-hero)) .mf-tracker-links-section {
    padding-top: calc(var(--space-section-mobile, 1.25rem) + 55.125rem) !important;
  }

  body.mf-afcon-page:not(:has(main > .mf-afcon-hero)) .mf-afcon-dashboard-section {
    padding-top: calc(var(--space-section-mobile, 1.25rem) + 116.8125rem) !important;
  }

  body.mf-contributor-page:not(:has(#contributor-process)) #portal {
    padding-top: calc(var(--space-section-mobile, 1.25rem) + 41.375rem) !important;
  }

  /*
   * STL discovery controls are frequently assembled from feed data. Keep every
   * mobile action at the release-gate target even when a source label is short.
   */
  body.stl-soccer-hub-page :where(
    .stl-btn,
    .stl-hub-tier-link,
    .stl-hub-tryout-source,
    .stl-hub-tryout-filter,
    .stl-hub-tryout-more-toggle
  ) {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-block: .55rem !important;
  }

  body.stl-soccer-hub-page [data-tryout-search] {
    min-height: 44px !important;
  }
}