/* Shared desktop-first STL Soccer treatment. It reads existing official feeds
   instead of duplicating standings or editorial data in page templates. */
body.mf-stl-premium {
  --mf-stl-panel: #0c1511;
  --mf-stl-panel-strong: #101d16;
  --mf-stl-line: rgba(220, 185, 52, .36);
  --mf-stl-muted: #b6c5bc;
  --mf-stl-gold: #f7c948;
  --mf-stl-green: #7cd66a;
}

body.mf-stl-premium .mf-stl-live-desk {
  position: relative;
  z-index: 2;
  color: #f7f6ee;
  background: #07100d;
  border-top: 1px solid var(--mf-stl-line);
  border-bottom: 1px solid var(--mf-stl-line);
}

body.mf-stl-premium .mf-stl-live-desk__inner {
  box-sizing: border-box;
  width: min(100% - 2rem, 1320px);
  margin: 0 auto;
  padding: 14px 0 16px;
}

body.mf-stl-premium .mf-stl-live-desk__bar,
body.mf-stl-premium .mf-stl-live-desk__inner--unavailable,
body.mf-stl-premium .mf-stl-live-desk__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

body.mf-stl-premium .mf-stl-live-desk__kicker,
body.mf-stl-premium .mf-stl-live-desk__eyebrow {
  display: block;
  color: var(--mf-stl-gold);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: uppercase;
}

body.mf-stl-premium .mf-stl-live-desk__bar strong,
body.mf-stl-premium .mf-stl-live-desk__inner--unavailable strong {
  display: block;
  margin-top: 3px;
  color: #fffdf5;
  font-size: 18px;
  line-height: 1.2;
}

body.mf-stl-premium .mf-stl-live-desk__bar p {
  margin: 0;
  color: var(--mf-stl-muted);
  font-size: 12px;
  line-height: 1.35;
  text-align: right;
}

body.mf-stl-premium .mf-stl-live-desk__nav {
  display: flex;
  gap: 2px;
  overflow-x: auto;
  margin: 12px 0 10px;
  padding-bottom: 2px;
  border-block: 1px solid rgba(255, 255, 255, .12);
}

body.mf-stl-premium .mf-stl-live-desk__nav a,
body.mf-stl-premium .mf-stl-live-desk__foot a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 11px;
  color: #eef4ea;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-decoration: none;
  white-space: nowrap;
}

body.mf-stl-premium .mf-stl-live-desk__nav a[aria-current="page"],
body.mf-stl-premium .mf-stl-live-desk__nav a:hover,
body.mf-stl-premium .mf-stl-live-desk__nav a:focus-visible {
  color: #0a100c;
  background: var(--mf-stl-gold);
  outline: none;
}

body.mf-stl-premium .mf-stl-live-desk__grid {
  display: grid;
  grid-template-columns: minmax(210px, 1.15fr) repeat(4, minmax(170px, 1fr));
  gap: 7px;
}

body.mf-stl-premium .mf-stl-live-desk__card {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 112px;
  box-sizing: border-box;
  padding: 12px;
  color: #eef4ea;
  background: var(--mf-stl-panel);
  border: 1px solid rgba(185, 213, 185, .18);
  border-radius: 4px;
  text-decoration: none;
}

body.mf-stl-premium .mf-stl-live-desk__card:hover,
body.mf-stl-premium .mf-stl-live-desk__card:focus-visible {
  background: var(--mf-stl-panel-strong);
  border-color: var(--mf-stl-gold);
  outline: 0;
}

body.mf-stl-premium .mf-stl-live-desk__card--stale .mf-stl-live-desk__eyebrow { color: #f2be63; }
body.mf-stl-premium .mf-stl-live-desk__card--news .mf-stl-live-desk__eyebrow { color: var(--mf-stl-green); }

body.mf-stl-premium .mf-stl-live-desk__card strong {
  color: #fffdf5;
  font-size: 14px;
  line-height: 1.25;
}

body.mf-stl-premium .mf-stl-live-desk__card span:last-child {
  color: var(--mf-stl-muted);
  font-size: 12px;
  line-height: 1.35;
}

body.mf-stl-premium .mf-stl-live-desk__foot {
  justify-content: flex-start;
  margin-top: 8px;
}

body.mf-stl-premium .mf-stl-live-desk__foot a {
  min-height: 28px;
  padding: 0 2px;
  color: var(--mf-stl-green);
}

body.mf-stl-premium .mf-stl-live-desk__foot a:hover,
body.mf-stl-premium .mf-stl-live-desk__foot a:focus-visible {
  color: var(--mf-stl-gold);
  outline: none;
}

body.mf-stl-premium .mf-stl-live-desk__loading {
  margin: 0;
  color: var(--mf-stl-muted);
  font-size: 13px;
}

/* Existing routes retain their content while using one compact editorial rhythm. */
body.mf-stl-premium :is(.stl-section, .section, .mf-daily-section) {
  padding-block: 1.25rem !important;
}

body.mf-stl-premium :is(.stl-section-header-row, .section-header-row) {
  margin-bottom: .9rem !important;
}

body.mf-stl-premium .stl-section-header-row :is(h2, .stl-subheading) {
  margin-block: 0;
  font-size: 23px;
  line-height: 1.08;
}

body.mf-stl-premium .mf-daily-hero { min-height: 0 !important; }
body.mf-stl-premium .mf-daily-grid { padding-block: 1rem .75rem !important; }

body.mf-stl-premium :is(.stl-city-hero, .citysc-team-hero, .mf-mwpl-home-hero, .mf-hs-hero, .mf-hscl-hero, .mf-core-hero, .mf-youth-hero, .mf-policy-hero, .stl-pro-hero) {
  border-block: 1px solid rgba(220, 185, 52, .28);
}

body.mf-stl-premium :is(.stl-city-hero, .citysc-team-hero, .mf-mwpl-home-hero, .mf-hs-hero, .mf-hscl-hero, .mf-core-hero, .mf-youth-hero, .mf-policy-hero, .stl-pro-hero) h1 {
  max-width: 22ch;
  margin-block: .35rem .7rem;
  font-size: 40px;
  line-height: 1.02;
}

body.mf-stl-premium :is(.stl-city-hero, .citysc-team-hero, .mf-mwpl-home-hero, .mf-hs-hero, .mf-hscl-hero, .mf-core-hero, .mf-youth-hero, .mf-policy-hero, .stl-pro-hero) :is(p, .mf-lede, .stl-muted) {
  max-width: 68ch;
}

body.mf-stl-premium .mf-stl-section-nav {
  position: sticky;
  top: 0;
  z-index: 8;
  background: #09100d;
  border-bottom: 1px solid rgba(220, 185, 52, .28);
}

body.mf-stl-premium .mf-stl-section-nav .stl-container {
  display: flex;
  gap: 2px;
  overflow-x: auto;
}

body.mf-stl-premium .mf-stl-section-nav a {
  min-height: 36px;
  padding-inline: 10px;
  font-size: 12px;
}

@media (max-width: 1080px) {
  body.mf-stl-premium .mf-stl-live-desk__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  body.mf-stl-premium .mf-stl-live-desk__inner { width: min(100% - 1.25rem, 1320px); }
  body.mf-stl-premium .mf-stl-live-desk__bar,
  body.mf-stl-premium .mf-stl-live-desk__inner--unavailable { align-items: flex-start; flex-direction: column; gap: 7px; }
  body.mf-stl-premium .mf-stl-live-desk__bar p { text-align: left; }
  body.mf-stl-premium .mf-stl-live-desk__grid { grid-template-columns: 1fr; }
  body.mf-stl-premium .mf-stl-live-desk__card { min-height: 0; }
  body.mf-stl-premium .mf-stl-live-desk__foot { align-items: flex-start; flex-wrap: wrap; gap: 2px 12px; }
  body.mf-stl-premium :is(.stl-city-hero, .citysc-team-hero, .mf-mwpl-home-hero, .mf-hs-hero, .mf-hscl-hero, .mf-core-hero, .mf-youth-hero, .mf-policy-hero, .stl-pro-hero) h1 { font-size: 32px; }
}