/* SDL V35: shared presentation for the league, fixtures, stats and player pages. */
.sdl-refined {
  --sdl-ui: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --sdl-display: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  --sdl-red: #ed1c24;
  --sdl-muted: #a4acb9;
  --sdl-surface: #101217;
  --sdl-edge: #2b303a;
  color: #f4f6f8;
  background: #090a0d;
  font-family: var(--sdl-ui);
  font-variant-numeric: tabular-nums;
}
.sdl-refined:before { opacity: .035; }
.sdl-refined :is(h1, h2, h3) {
  letter-spacing: -.015em;
  line-height: 1.08;
  text-wrap: balance;
}
.sdl-refined :is(button, select, input) { font-family: var(--sdl-ui); }
.sdl-refined :is(a, button, select):focus-visible {
  outline: 2px solid #e0e6ef;
  outline-offset: 4px;
}
.sdl-refined :is(.division-hero, .match-centre-hero, .stats-hero, .players-hero) {
  min-height: 0;
  padding: 32px max(20px, calc((100vw - 1120px) / 2)) !important;
  border-bottom: 1px solid var(--sdl-edge);
  background: radial-gradient(ellipse at 85% 0%, #ed1c2415, transparent 55%), #0d0f13;
}
.sdl-refined :is(.division-hero, .match-centre-hero, .stats-hero, .players-hero) h1 {
  margin: 7px 0 10px;
  font: italic 800 clamp(40px, 5vw, 64px)/1 var(--sdl-display);
  letter-spacing: -.015em;
  text-wrap: initial;
}
.sdl-refined :is(.division-hero, .match-centre-hero, .stats-hero, .players-hero) p:not(.eyebrow) {
  max-width: 720px;
  margin: 0;
  color: var(--sdl-muted);
  font: 400 13px/1.55 var(--sdl-ui);
}
.sdl-refined .eyebrow {
  margin: 0 0 8px;
  color: #f36a71;
  font: 700 10px/1.4 var(--sdl-ui);
  letter-spacing: .13em;
}
.sdl-refined :is(.division-table-section, .match-centre-content, .stats-content) {
  width: 100%;
  max-width: 1160px;
  margin-inline: auto;
  padding: 24px 20px 48px !important;
}
.sdl-refined :is(.fixture-header h2, .table-headline h3, .leaderboard-head h2, .pp-section-head h2) {
  margin: 4px 0 0;
  font: 800 22px/1.15 var(--sdl-ui);
  letter-spacing: -.025em;
  text-transform: none;
}
.sdl-refined :is(.division-switcher, .players-tabs, .stats-tabs) {
  gap: 8px;
}
.sdl-refined .division-switcher :is(a, button) {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 17px;
  border: 1px solid #333945;
  border-radius: 7px;
  background: #11141a;
  color: #b8bfcb;
  font: 700 11px/1.2 var(--sdl-ui);
  letter-spacing: .025em;
  white-space: nowrap;
}
.sdl-refined .division-switcher .active {
  color: #fff;
  background: #c91722;
  border-color: #ef3c47;
  box-shadow: inset 0 1px #ffffff1a;
}
.sdl-refined :is(.division-switcher a, .division-switcher button):hover {
  border-color: #a4acb9;
  color: #fff;
}
.sdl-refined footer { padding: 34px 20px; }
.sdl-refined footer > img { width: 190px; }
.sdl-refined footer > small { color: #949ba8; letter-spacing: .08em; }
@media (max-width: 700px) {
  .sdl-refined :is(.division-hero, .match-centre-hero, .stats-hero, .players-hero) {
    padding: 22px 16px !important;
  }
  .sdl-refined :is(.division-hero, .match-centre-hero, .stats-hero, .players-hero) h1 {
    font-size: clamp(36px, 10vw, 46px);
    line-height: 1 !important;
    margin-block: 6px 9px;
  }
  .sdl-refined :is(.division-hero, .match-centre-hero, .stats-hero, .players-hero) p:not(.eyebrow) {
    font-size: 12px;
  }
  .sdl-refined :is(.division-table-section, .match-centre-content, .stats-content) {
    padding: 18px 14px 36px !important;
  }
  .sdl-refined :is(.fixture-header h2, .table-headline h3, .leaderboard-head h2, .pp-section-head h2) {
    font-size: 20px;
    line-height: 1.15 !important;
  }
  .sdl-refined .division-switcher :is(a, button) {
    padding-inline: 12px;
    font-size: 10px;
  }
  .sdl-refined .eyebrow { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .sdl-refined *, .sdl-refined *::before, .sdl-refined *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}