:root {
  --mf-kit-container: min(100% - 2rem, 80rem);
  --mf-kit-copy: min(100%, 44rem);
  --mf-kit-hero-sm: clamp(13rem, 22vh, 16rem);
  --mf-kit-hero-md: clamp(15rem, 28vh, 20rem);
  --mf-kit-hero-lg: clamp(18rem, 34vh, 24rem);
  --mf-kit-section-y: clamp(1.15rem, 2.3vw, 2.4rem);
  --mf-kit-gap: clamp(.8rem, 1.6vw, 1.2rem);
  --mf-kit-card-radius: 1rem;
  --mf-kit-card-shadow: 0 16px 36px rgba(0, 0, 0, .22);
  --mf-kit-h1: clamp(1.9rem, 4.4vw, 3.2rem);
  --mf-kit-h2: clamp(1.18rem, 2vw, 1.8rem);
  --mf-kit-h3: clamp(1rem, 1.2vw, 1.2rem);
  --mf-kit-body: clamp(.92rem, .2vw + .88rem, 1rem);
  --mf-kit-small: clamp(.8rem, .1vw + .78rem, .88rem);
  --mf-kit-meta: clamp(.66rem, .08vw + .64rem, .74rem);
  --mf-kit-media-wide: 16 / 9;
  --mf-kit-media-card: 4 / 3;
}

body.mf-kit-ready {
  overflow-x: clip;
}

body.mf-kit-ready :where(main, section, .stl-section) {
  min-width: 0;
}

body.mf-kit-ready :where(.stl-container, .container) {
  width: var(--mf-kit-container);
}

body.mf-kit-ready :where(section, .stl-section) {
  padding-block: var(--mf-kit-section-y) !important;
}

body.mf-kit-ready :where(h1, .stl-heading, .mf-worldcup-hero__title, .mf-unified-hero-title) {
  font-size: var(--mf-kit-h1);
  line-height: .96;
  text-wrap: balance;
  overflow-wrap: anywhere;
  max-width: 16ch;
}

body.mf-kit-ready :where(h2, .stl-subheading) {
  font-size: var(--mf-kit-h2);
  line-height: 1.02;
  text-wrap: balance;
}

body.mf-kit-ready :where(h3) {
  font-size: var(--mf-kit-h3);
  line-height: 1.08;
}

body.mf-kit-ready :where(p, li, dd, .stl-muted, .hero-desc, .mf-lede) {
  font-size: var(--mf-kit-body);
  line-height: 1.55;
}

body.mf-kit-ready :where(.stl-eyebrow, .mf-daily-kicker span, .mf-daily-kicker strong, .mf-chip, .tag, .pill, .fixture-badge, .mf-kit-badge) {
  font-size: var(--mf-kit-meta);
}

body.mf-kit-ready .mf-kit-hero {
  position: relative;
  min-height: var(--mf-kit-hero-md) !important;
  padding-block: calc(var(--nav-height, 4.5rem) + .8rem) 1rem !important;
  overflow: clip;
}

body.mf-kit-ready .mf-kit-hero.hero-sm { min-height: var(--mf-kit-hero-sm) !important; }
body.mf-kit-ready .mf-kit-hero.hero-md { min-height: var(--mf-kit-hero-md) !important; }
body.mf-kit-ready .mf-kit-hero.hero-lg { min-height: var(--mf-kit-hero-lg) !important; }

body.mf-kit-ready .mf-kit-hero :where(.mf-daily-grid, .mf-home-hero-grid, .mf-hero-grid, .mf-unified-hero-grid, .mf-player-directory-hero-grid, .stl-city-layout, .mf-worldcup-hero__grid) {
  width: var(--mf-kit-container) !important;
  gap: var(--mf-kit-gap) !important;
  align-items: end !important;
}

body.mf-kit-ready .mf-kit-hero.hero-split :where(.mf-daily-grid, .mf-home-hero-grid, .mf-hero-grid, .mf-unified-hero-grid, .mf-player-directory-hero-grid, .stl-city-layout, .mf-worldcup-hero__grid) {
  grid-template-columns: minmax(0, 1.2fr) minmax(17rem, .85fr) !important;
}

body.mf-kit-ready .mf-kit-hero.hero-story :where(.mf-daily-grid, .mf-home-hero-grid, .mf-hero-grid, .mf-unified-hero-grid, .mf-player-directory-hero-grid, .stl-city-layout, .mf-worldcup-hero__grid),
body.mf-kit-ready .mf-kit-hero:not(.hero-split) :where(.mf-daily-grid, .mf-home-hero-grid, .mf-hero-grid, .mf-unified-hero-grid, .mf-player-directory-hero-grid, .stl-city-layout, .mf-worldcup-hero__grid) {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.mf-kit-ready .mf-kit-hero :where(.mf-home-hero-copy, .mf-daily-lead, .mf-hero-copy, .stl-city-info, .mf-worldcup-hero__copy, .mf-player-directory-hero-grid > div:first-child) {
  width: var(--mf-kit-copy) !important;
  max-width: var(--mf-kit-copy) !important;
  min-width: 0;
}

body.mf-kit-ready .mf-kit-hero :where(.mf-daily-board, .mf-home-hero-rail, .mf-hero-side, .mf-media-hero-screen, .mf-worldcup-hero__media, .mf-player-hero-crest) {
  min-width: 0;
  max-height: 18rem !important;
}

body.mf-kit-ready :where(.hero-ctas, .mf-daily-actions, .mf-home-hero-actions, .mf-home-quicklinks, .mf-chip-row, .mf-hero-chip-row, .mf-worldcup-hero__actions) {
  gap: .5rem !important;
  row-gap: .55rem !important;
}

body.mf-kit-ready :where(.stl-btn, .btn, .site-nav__link, .mf-home-quicklinks a, .mf-chip) {
  min-width: 0;
}

body.mf-kit-ready :where(.stl-btn, .btn) {
  min-height: 2.35rem;
  padding: .72rem .96rem;
  font-size: var(--type-button, .88rem);
}

body.mf-kit-ready :where(.mf-front-main, .mf-front-panel, .mf-link-tile, .mf-media-card, .mf-wire-card, .mf-platform-route, .platform-pill, .stl-community-card, .spotlight-card, .mf-info-card, .mf-contact-panel article, .mf-growth-card, .mf-signal-lane, .mf-daily-board) {
  border-radius: var(--mf-kit-card-radius) !important;
  box-shadow: var(--mf-kit-card-shadow) !important;
}

body.mf-kit-ready :where(.mf-platform-route-grid, .grid-2, .grid-3, .grid-4, .mf-media-platform-grid, .mf-media-feature-grid, .mf-front-page-grid, .mf-growth-viz--taste, .mf-home-lane-strip__grid) {
  gap: var(--mf-kit-gap) !important;
}

body.mf-kit-ready :where(.story-card-thumb, .mf-platform-route__media, .mf-wire-card__media, .mf-media-card__image, .mf-growth-card__media, .mf-player-route-card__media, .mf-home-spotlight-card__media, .mf-media-feature-video a, .mf-worldcup-hero__media-figure) {
  aspect-ratio: var(--mf-kit-media-wide);
  overflow: hidden;
}

body.mf-kit-ready :where(.story-card-thumb img, .mf-platform-route__media img, .mf-wire-card__media img, .mf-media-card__image img, .mf-growth-card__media img, .mf-player-route-card__media img, .mf-home-spotlight-card__media img, .mf-media-feature-video img, .mf-worldcup-hero__media-figure img) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.mf-kit-ready :where(table) {
  width: 100%;
}

.mf-table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.mf-table-scroll > table {
  min-width: 40rem;
}

body.mf-kit-ready .mf-kit-hide-empty:empty {
  display: none !important;
}

@media (max-width: 64rem) {
  body.mf-kit-ready .mf-kit-hero.hero-split :where(.mf-daily-grid, .mf-home-hero-grid, .mf-hero-grid, .mf-unified-hero-grid, .mf-player-directory-hero-grid, .stl-city-layout, .mf-worldcup-hero__grid) {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 48rem) {
  body.mf-kit-ready .mf-kit-hero {
    min-height: clamp(12rem, 24vh, 16rem) !important;
    padding-block: calc(var(--nav-height, 4.5rem) + .65rem) .9rem !important;
  }

  body.mf-kit-ready :where(.stl-container, .container) {
    width: min(100% - 1rem, 80rem);
  }

  body.mf-kit-ready :where(h1, .stl-heading, .mf-worldcup-hero__title, .mf-unified-hero-title) {
    max-width: 13ch;
    font-size: clamp(1.7rem, 8vw, 2.2rem);
  }

  body.mf-kit-ready :where(.hero-ctas, .mf-daily-actions, .mf-home-hero-actions, .mf-home-quicklinks, .mf-chip-row, .mf-hero-chip-row, .mf-worldcup-hero__actions) {
    width: 100%;
  }

  body.mf-kit-ready :where(.hero-ctas > *, .mf-daily-actions > *, .mf-home-hero-actions > *, .mf-home-quicklinks > *, .mf-chip-row > *, .mf-hero-chip-row > *, .mf-worldcup-hero__actions > *) {
    max-width: 100%;
  }

  body.mf-kit-ready :where(.mf-front-page-grid, .mf-growth-viz--taste, .grid-2, .grid-3, .grid-4, .mf-media-feature-grid) {
    grid-template-columns: 1fr !important;
  }

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

  .mf-table-scroll > table {
    min-width: 34rem;
  }
}

@media (max-width: 26.875rem) {
  body.mf-kit-ready :where(.mf-media-platform-grid) {
    grid-template-columns: 1fr !important;
  }
}