:root { color-scheme: dark; --ink:#f5f7fa; --muted:#9aabba; --faint:#697b8e; --line:#25364a; --navy:#0b1422; --panel:#131f30; --orange:#f47736; --blue:#284c77; font-family: Inter, "Segoe UI", Arial, sans-serif; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { min-width:320px; }
body { margin:0; background:#0a1321; color:var(--ink); }
button, select { font:inherit; }
button, a, select { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
button:focus-visible, a:focus-visible, select:focus-visible { outline:2px solid var(--orange); outline-offset:3px; }
.app-shell { display:grid; grid-template-columns:254px minmax(0,1fr); min-height:100vh; }
.sidebar { position:sticky; top:0; height:100vh; display:flex; flex-direction:column; background:linear-gradient(180deg,#0d1b2d 0%,#0a1727 67%,#091320 100%); border-right:1px solid #2c3e53; z-index:10; overflow-y:auto; scrollbar-width:thin; }
.brand { display:block; margin:14px 12px 10px; padding:8px; border-radius:12px; }
.brand-logo-card { background:#fff; box-shadow:0 8px 24px #0005; }
.brand img { display:block; width:100%; height:auto; object-fit:contain; }
.sidebar-rule { height:1px; margin:0 20px; background:#26384b; }
.nav-kicker { margin:26px 22px 12px; color:#74889e; letter-spacing:2px; font-size:10px; font-weight:800; }
#sport-nav { padding:0 10px 24px; }
.nav-group { margin:3px 0; }
.nav-toggle { width:100%; display:flex; align-items:center; justify-content:space-between; border:0; background:none; color:#aebac8; padding:11px 12px; text-align:left; border-radius:8px; cursor:pointer; font-size:14px; }
.nav-toggle, .nav-schedule { font-family:inherit; font-weight:800; line-height:1.35; }
.nav-toggle:hover { color:#fff; background:#1a2c42; }
.nav-toggle.active { color:#fff; background:#173049; }
.nav-toggle .left { display:flex; align-items:center; gap:10px; }
.nav-symbol { width:19px; color:var(--orange); font-weight:900; font-size:18px; line-height:1; text-align:center; }
.nav-caret { font-size:17px; color:#72869a; width:20px; text-align:center; }
.nav-nested { margin-left:20px; padding-left:10px; border-left:1px solid #2c4054; }
.class-toggle { font-size:13px; padding:9px 11px; }
.class-toggle.selected { color:#fff; }
.nav-pages { display:grid; margin:1px 0 7px 20px; gap:2px; }
.nav-page { padding:8px 12px; border-radius:6px; color:#8599ad; font-size:12px; font-weight:700; }
.nav-page:hover { color:#fff; background:#1b2f46; }
.nav-page.active { background:#2b3e51; color:#fff; border-left:3px solid var(--orange); padding-left:9px; }
.nav-schedule { display:flex; align-items:center; width:100%; min-height:36px; margin:3px 0; padding:9px 11px; border-radius:8px; color:#aebac8; font-size:13px; font-weight:800; }
.nav-schedule.active { padding-left:8px; }
.nav-page.unavailable { color:#65778b; cursor:default; }
.nav-soon { font-size:9px; color:#6c7f91; letter-spacing:.7px; text-transform:uppercase; }
.sidebar-bottom { margin:auto 18px 24px; padding:17px 5px 0; border-top:1px solid #233649; display:flex; gap:12px; align-items:center; }
.sidebar-bottom-mark { width:7px; height:32px; border-radius:6px; background:linear-gradient(var(--orange),#e54c30); }
.sidebar-bottom div { display:grid; gap:3px; }
.sidebar-bottom strong { font-size:12px; }
.sidebar-bottom span:not(.sidebar-bottom-mark) { color:#788b9f; font-size:11px; }
.main-column { min-width:0; display:flex; flex-direction:column; background:radial-gradient(circle at 72% -20%,#1d3044 0%,transparent 34%),linear-gradient(#101c2b,#0c1725 460px,#0b1522); }
.topbar { height:100px; display:flex; align-items:center; justify-content:space-between; padding:0 42px; border-bottom:1px solid #2c3d4f; }
.topbar-location { display:grid; gap:6px; }
.topbar-eyebrow { font-size:10px; font-weight:800; color:#7991a8; letter-spacing:2px; }
.topbar-path { font-size:14px; color:#b5c3d0; }
.topbar-path span { color:#536b82; padding:0 8px; }
.topbar-path b { color:#fff; font-weight:800; }
.menu-button { display:none; border:0; background:#1a2b3f; color:#fff; width:38px; height:38px; border-radius:7px; }
main { flex:1; padding:31px 42px 48px; max-width:2000px; width:100%; margin:auto; }
.page-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:23px; }
.section-kicker { display:flex; align-items:center; gap:9px; color:var(--orange); font-weight:900; font-size:11px; letter-spacing:2.4px; margin:0 0 10px; }
.kicker-line { display:inline-block; width:24px; height:3px; background:var(--orange); border-radius:2px; }
h1 { font-size:clamp(34px,3.2vw,54px); letter-spacing:-2px; line-height:1.05; margin:0; font-weight:900; }
.page-deck { margin:9px 0 0; color:#9aaec0; font-size:14px; }
.heading-controls { display:grid; gap:8px; min-width:135px; }
.heading-controls label { color:#8296a9; font-size:10px; letter-spacing:1.8px; font-weight:850; }
.heading-controls select { appearance:none; width:100%; border:1px solid #456077; color:#fff; border-radius:8px; padding:11px 40px 11px 15px; background:#1a2d41 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23dfeaf5' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center; font-size:16px; font-weight:800; cursor:pointer; }
.page-switcher { display:flex; border-bottom:1px solid #304155; gap:26px; margin-bottom:23px; }
.page-switcher a { padding:0 3px 13px; color:#91a5b6; font-size:14px; font-weight:800; border-bottom:3px solid transparent; }
.page-switcher a:hover { color:#fff; }
.page-switcher a.active { color:#fff; border-color:var(--orange); }
.aa-disabled-tab { padding:0 3px 13px; color:#72889b; font-size:14px; font-weight:800; }
.aa-standings-table { min-width:550px; }
.aa-standings-table th:first-child { width:38px; }
.aa-standings-table th:nth-child(2) { width:42%; }
.aa-standings-table th:nth-child(3),.aa-standings-table th:nth-child(4) { width:70px; }
.aa-standings-table th:nth-child(5),.aa-standings-table th:nth-child(6) { width:48px; }
.standings-table.aa-standings-table tbody tr:nth-child(4) { border-bottom:1px solid #273b4d; }
.standings-table.aa-standings-table tbody tr:nth-child(6) { border-bottom:2px solid #c96534; }
.aa-row-flag { display:inline-block; margin:0 3px 3px 0; padding:1px 4px; border-radius:4px; font-size:9px; font-weight:850; }
.aa-row-flag.tie { color:#ffcd94; background:#58402d; }
.aa-row-flag.incomplete { color:#ffe0a8; background:#5a3d29; }
.bracket-candidates { color:#ffca98 !important; font-size:14px; line-height:1.4; }
.tie-details-action,.tie-reset { border:1px solid #64748b; background:#21364b; color:#f8fafc; border-radius:7px; padding:9px 13px; cursor:pointer; font-family:inherit; font-weight:700; font-size:13px; }
.tie-details-action { width:fit-content; margin-top:8px; }
dialog.bracket-tie-dialog { box-sizing:border-box; width:min(1220px,calc(100vw - 28px)); max-height:90vh; overflow:auto; padding:26px; border:1px solid #54718a; border-radius:14px; background:#101e2d; color:#f8fafc; }
.bracket-tie-dialog .bracket-detail-close { position:absolute; right:18px; top:18px; float:none; }
.tie-detail-heading { padding-right:44px; }
.tie-detail-heading h2 { font-size:30px; margin:5px 0 8px; letter-spacing:-.7px; }
.tie-detail-heading>p:last-child { color:#b6c6d6; margin:0 0 21px; font-size:14px; }
.tie-detail-heading .bracket-detail-round { margin:0; color:#f4a874; font-size:12px; }
.tie-scenario-bar { display:flex; justify-content:space-between; gap:14px; align-items:center; padding:13px 15px; background:#1a2b3e; border:1px solid #38516a; border-radius:9px; }
.tie-scenario-bar>div { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.tie-scenario-bar strong { color:#ffc18c; font-size:17px; }
.tie-scenario-bar span { color:#c1cfdd; font-size:13px; }
.tie-scenario-note { color:#aebed0; font-size:12px; line-height:1.5; margin:10px 0 19px; }
.tie-columns { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(250px,1fr); gap:14px; overflow-x:auto; padding:2px 2px 12px; scroll-snap-type:x proximity; align-items:start; }
.tie-team-column { min-width:0; background:#0b1725; border:1px solid #344b62; border-radius:10px; padding:16px; scroll-snap-align:start; }
.tie-team-header { display:flex; gap:11px; align-items:center; min-height:67px; margin-bottom:13px; }
.tie-team-header img,.tie-team-initial { width:42px; height:42px; object-fit:contain; flex-shrink:0; }
.tie-team-initial { display:grid; place-items:center; background:#304258; border-radius:50%; font-weight:900; }
.tie-team-header h3 { font-size:19px; line-height:1.2; margin:0 0 7px; overflow-wrap:anywhere; }
.tie-team-header p { font-size:11px; color:#aec1d3; line-height:1.6; margin:0; }
.tie-team-header p span { color:#6c8197; margin:0 3px; }
.tie-projection { padding:11px 12px; border:1px solid #536579; border-radius:7px; background:#192a3a; min-height:75px; }
.tie-projection.holds { border-color:#60bfa4; background:#13302d; }
.tie-projection.tied { border-color:#d8b857; }
.tie-projection>span { display:block; color:#c1cfdd; font-size:10px; text-transform:uppercase; letter-spacing:.8px; margin-bottom:7px; }
.tie-projection>strong { display:block; font-size:16px; }
.tie-projection small { font-size:14px; color:#acc9e2; }
.tie-projection p { font-size:11px; margin:7px 0 0; line-height:1.5; color:#f0dfae; }
.tie-projection p span { color:#9fb8ca; }
.tie-team-column h4 { color:#bdd9f4; font-size:12px; text-transform:uppercase; letter-spacing:.7px; margin:21px 0 10px; }
.tie-schedule { display:grid; gap:9px; margin:0; padding:0; list-style:none; }
.tie-schedule-game { padding:10px; border:1px solid #33485d; border-radius:7px; background:#132234; }
.tie-schedule-game.tie-head-to-head { border:2px solid #e7c351; padding:9px; background:#2a2b23; }
.tie-game-meta { display:flex; align-items:center; flex-wrap:wrap; gap:6px 9px; font-size:10px; color:#9fb7cb; margin-bottom:8px; }
.tie-game-meta time { font-size:12px; font-weight:800; color:#d5e3ef; }
.tie-h2h-label { color:#f2d77d; font-weight:800; }
.tie-opponent { display:flex; gap:6px; align-items:baseline; }
.tie-opponent>small { font-size:10px; color:#91bbdc; font-weight:900; flex-shrink:0; }
.tie-opponent>strong { font-size:13px; line-height:1.4; }
.tie-opponent .tie-result { margin-left:auto; color:#ece2b8; white-space:nowrap; font-size:12px; }
.tie-picks { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; }
.tie-pick,.tie-clear { font-family:inherit; font-size:11px; border:1px solid #627389; border-radius:5px; color:#e7eff6; background:#22364a; padding:6px 10px; cursor:pointer; }
.tie-pick.selected { background:#f5b078; border-color:#f5b078; color:#102030; font-weight:900; }
.tie-clear { background:transparent; border-color:transparent; color:#a8bdcf; padding:6px; }
.tie-reset:focus-visible,.tie-details-action:focus-visible,.tie-pick:focus-visible,.tie-clear:focus-visible { outline:2px solid #f8d376; outline-offset:3px; }
.tie-played { border-top:1px solid #304458; margin-top:20px; }
.tie-played h4 { margin-bottom:5px; }
.tie-section-note,.tie-empty { color:#9cb1c4; font-size:11px; line-height:1.5; }
.tie-section-note { margin:0 0 10px; }
.tie-empty { padding:12px 0; }
.tie-data-note { color:#f2cd8a; font-size:11px; line-height:1.5; }
.tie-other-games { border:1px solid #3b5267; background:#142538; border-radius:8px; padding:13px; margin-top:15px; }
.tie-other-games summary { cursor:pointer; color:#c7dbee; font-size:13px; font-weight:700; }
.tie-other-game { display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; align-items:center; padding:10px 0; border-top:1px solid #31475d; margin-top:10px; font-size:12px; }
.tie-other-game .tie-picks { margin:0; }
.tie-footer-note { font-size:11px; color:#8fa4b6; line-height:1.5; margin:20px 0 0; }
@media(max-width:650px) { dialog.bracket-tie-dialog { padding:18px; width:calc(100vw - 18px); max-height:93vh; } .tie-detail-heading h2 { font-size:25px; } .tie-scenario-bar { align-items:flex-start; } .tie-scenario-bar>div { display:grid; gap:5px; } .tie-reset { padding:8px; flex-shrink:0; } .tie-columns { grid-auto-columns:calc(100% - 32px); } .tie-team-header { min-height:55px; } }
.standings-table.aa-standings-table tbody tr { height:53px; }
.standings-table.aa-standings-table td { font-size:14px; }
.aa-standings-table .team-schedule-trigger { min-height:52px; }
.aa-standings-table .team-inner img { width:38px; height:38px; }
.aa-standings-table .team-name { font-size:14px; }
.aa-standings-table .aa-row-flag { margin:0 0 0 4px; flex:none; }
.schedule-stats.aa-schedule-stats { grid-template-columns:repeat(5,minmax(0,1fr)); }
.schedule-stats.aa-schedule-stats:has(> .schedule-stat:nth-child(6)) { grid-template-columns:repeat(6,minmax(0,1fr)); }
@media(max-width:620px) { .schedule-stats.aa-schedule-stats, .schedule-stats.aa-schedule-stats:has(> .schedule-stat:nth-child(6)) { grid-template-columns:repeat(3,minmax(0,1fr)); } }
/* All current football classes share the Class AA phone layout. */
@media(max-width:620px) {
  .conference-card:has(.football-standings-table) .card-top { gap:10px; }
  .conference-card:has(.football-standings-table) .card-title { min-width:0; flex-wrap:wrap; gap:2px 8px; }
  .conference-card:has(.football-standings-table) .qualify-label { flex:none; white-space:nowrap; }
  .standings-table.football-standings-table { min-width:0; width:100%; }
  .football-standings-table thead, .football-standings-table colgroup { display:none; }
  .football-standings-taylor { --standings-stat-count:5; }
  .standings-table.football-standings-table tbody tr { display:grid; grid-template-columns:34px repeat(var(--standings-stat-count,4),minmax(0,1fr)); grid-template-rows:43px 27px; height:auto; align-items:center; }
  .football-standings-table td:nth-child(1) { grid-column:1; grid-row:1/3; }
  .football-standings-table td:nth-child(2) { grid-column:2/-1; grid-row:1; min-width:0; }
  .football-standings-table td:nth-child(3) { grid-column:2; grid-row:2; }
  .football-standings-table td:nth-child(4) { grid-column:3; grid-row:2; }
  .football-standings-table td:nth-child(5) { grid-column:4; grid-row:2; }
  .football-standings-table td:nth-child(6) { grid-column:5; grid-row:2; }
  .football-standings-table td:nth-child(7) { grid-column:6; grid-row:2; }
  .standings-table.football-standings-table td { padding:2px; font-size:12px; }
  .football-standings-table td:nth-child(3)::before { content:'C '; color:#9bb1c5; font-size:9px; }
  .football-standings-table td:nth-child(4)::before { content:'A '; color:#9bb1c5; font-size:9px; }
  .football-standings-table td:nth-child(5)::before { content:'PF '; color:#9bb1c5; font-size:9px; }
  .football-standings-table td:nth-child(6)::before { content:'PA '; color:#9bb1c5; font-size:9px; }
  .football-standings-table td:nth-child(7)::before { content:'TAY '; color:#9bb1c5; font-size:9px; }
  .football-standings-table .rank-pill, .football-standings-table .mobile-standings-rank { display:inline-flex; align-items:center; justify-content:center; width:23px; height:23px; border-radius:5px; font-size:11px; font-weight:900; }
  .football-standings-table .mobile-standings-rank { background:#294765; color:#edf6ff; }
  .football-standings-table .mobile-standings-rank.outside { background:transparent; color:#869baf; }
  .football-standings-table:not(.aa-standings-table) .rank-pill::before, .football-standings-table .mobile-standings-rank::before { content:'#'; }
  .football-standings-table .team-schedule-trigger { min-height:41px; }
  .football-standings-table .team-inner img { width:30px; height:30px; }
  .football-standings-table .team-name { font-size:13px; }
  .football-standings-table .aa-row-flag { font-size:8px; padding:1px 3px; }
}
.conference-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.conference-card { background:linear-gradient(145deg,#182739,#111e2f); border:1px solid #33465b; border-radius:11px; overflow:hidden; box-shadow:0 10px 25px #0002; min-width:0; }
.card-top { display:flex; align-items:center; justify-content:space-between; min-height:56px; padding:0 17px; background:linear-gradient(90deg,#1d3248,#18283a); border-bottom:1px solid #35475b; border-left:4px solid var(--orange); }
.card-title { display:flex; align-items:baseline; gap:8px; }
.card-title strong { font-size:19px; letter-spacing:.1px; }
.card-title small { color:#8399ae; font-weight:800; font-size:10px; letter-spacing:1.6px; }
.card-top .qualify-label { color:#9fb0c0; font-size:10px; letter-spacing:1px; font-weight:850; }
.table-scroll { overflow-x:auto; }
.standings-table { width:100%; border-collapse:collapse; table-layout:fixed; min-width:550px; }
.standings-table col.rank { width:34px; } .standings-table col.team { width:auto; } .standings-table col.record { width:59px; } .standings-table col.stat { width:40px; } .standings-table col.taylor { width:50px; }
.standings-table thead th { padding:9px 4px; text-align:center; background:#111d2b; color:#8398aa; font-size:10px; letter-spacing:1px; font-weight:850; border-bottom:1px solid #2f4051; }
.standings-table thead th.team-head { text-align:left; padding-left:7px; }
.standings-table tbody tr { height:42px; border-bottom:1px solid #273b4d; }
.standings-table tbody tr:last-child { border-bottom:0; }
.standings-table tbody tr:hover { background:#21364b; }
.standings-table tbody tr:nth-child(4) { border-bottom:2px solid #c96534; }
.class-standings .standings-table tbody tr:nth-child(4) { border-bottom:1px solid #273b4d; }
.class-standings .standings-table tbody tr.playoff-cutoff { border-bottom:2px solid #c96534; }
.standings-table td { padding:3px 4px; text-align:center; color:#d6e0ea; font-size:12px; font-variant-numeric:tabular-nums; font-weight:750; }
.standings-table td.rank-cell { color:#a2b4c5; font-size:11px; }
.rank-pill { display:inline-grid; place-items:center; width:23px; height:23px; border-radius:5px; background:#294765; color:#edf6ff; font-weight:900; }
.rank-pill.outside { color:#869baf; background:transparent; }
.standings-table td.team-cell { text-align:left; padding:0; }
.team-inner { display:flex; align-items:center; gap:7px; min-width:0; }
.team-inner img { width:29px; height:29px; object-fit:contain; flex:none; }
.team-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#f8fbff; font-weight:850; font-size:12px; }
.team-schedule-trigger { display:block; width:100%; min-height:42px; padding:3px 5px; background:transparent; border:0; border-radius:4px; color:#f8fbff; text-align:left; cursor:pointer; text-decoration:none; }
.team-schedule-trigger:hover { background:#2b455f; }
.team-schedule-trigger:focus-visible { outline:2px solid #ffbd8c; outline-offset:-2px; background:#2b455f; }
.schedule-dialog { width:min(860px,calc(100vw - 26px)); max-height:min(88vh,900px); padding:30px; border:1px solid #52718c; border-radius:13px; background:#111e2e; color:#f5f7fa; box-shadow:0 24px 80px #000a; }
.schedule-dialog::backdrop { background:#030914ca; }
.dialog-close { position:absolute; top:12px; right:13px; width:38px; height:38px; border:1px solid #54718a; border-radius:8px; background:#21364a; color:#fff; font-size:27px; line-height:1; cursor:pointer; }
.schedule-head { display:flex; align-items:center; gap:14px; margin-right:42px; }
.schedule-head img { width:64px; height:64px; object-fit:contain; }
.schedule-head h2 { margin:0; font-size:clamp(25px,3vw,36px); }
.schedule-stats { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:22px 0; }
.schedule-stat { border:1px solid #365169; border-radius:8px; background:#1a3044; padding:12px 9px; display:grid; gap:7px; text-align:center; }
.schedule-stat span { color:#9cb3c8; font-size:12px; font-weight:800; }
.schedule-stat strong { font-size:22px; font-variant-numeric:tabular-nums; }
.schedule-notice { color:#f4c493; background:#392c23; border-radius:7px; padding:10px 12px; font-size:13px; }
.schedule-list { max-height:50vh; overflow-y:auto; display:grid; gap:8px; }
.schedule-game { display:grid; grid-template-columns:150px minmax(0,1fr) 145px; gap:5px 12px; padding:12px 15px; border:1px solid #31485e; border-radius:8px; background:#19283a; }
.schedule-game.postseason { border-left:4px solid #f47736; }
.schedule-game.current-week { background:#2c3744; border-color:#f2904f; box-shadow:inset 4px 0 #f47736; }
.schedule-date { color:#abc0d1; font-weight:750; }.schedule-opponent { font-weight:850; font-size:17px; }.schedule-opponent small { color:#9fb2c5; font-size:12px; }
.schedule-result { display:grid; grid-template-columns:24px 3ch 12px 3ch; align-items:center; justify-content:end; column-gap:8px; font-size:17px; font-weight:900; font-variant-numeric:tabular-nums; white-space:nowrap; }
.schedule-outcome-slot { display:grid; place-items:center; }
.schedule-outcome { display:inline-grid; place-items:center; flex:none; width:24px; height:24px; border-radius:5px; font-size:14px; font-weight:950; }
.schedule-outcome.win { color:#c7f7d4; background:#245739; }.schedule-outcome.loss { color:#ffd0ce; background:#772e32; }
.schedule-score.team { text-align:right; }.schedule-score.opponent { text-align:left; }
.schedule-score-separator { text-align:center; }.schedule-result-label { grid-column:1/-1; justify-self:end; }
.schedule-tags { grid-column:2/4; color:#9eb2c6; font-size:12px; }
.schedule-error { color:#ffd0a2; }.schedule-retry { border:1px solid #f2904f; border-radius:7px; padding:9px 16px; background:#a63a1f; color:#fff; cursor:pointer; }
@media(max-width:620px) { .schedule-dialog { padding:20px 14px; }.schedule-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }.schedule-game { grid-template-columns:1fr auto; }.schedule-date { grid-column:1/3; }.schedule-tags { grid-column:1/3; }.schedule-result { grid-column:2; grid-row:2; } }
.badge { display:inline-block; padding:3px 4px; border-radius:4px; font-size:9px; font-weight:950; letter-spacing:.1px; }
.badge.published { background:#213e67; color:#bbd6ff; } .badge.brank { background:#563725; color:#ffc69c; }
.mismatch-mark { display:inline-block; color:#ffd386; font-size:14px; margin-left:2px; vertical-align:middle; }
.stat-muted { color:#859bad !important; }
.taylor-positive { color:#87d9b9 !important; }.taylor-negative { color:#ff9b8e !important; }
.table-legend { display:flex; flex-wrap:wrap; gap:9px 18px; margin:19px 2px 0; color:#8fa4b7; font-size:12px; line-height:1.5; }
.table-legend b { color:#dce7ef; }
.table-legend a { color:#f7b184; text-decoration:underline; text-underline-offset:2px; }
.standings-disclaimer { margin:14px 2px 0; color:#8fa4b7; font-size:12px; line-height:1.5; }
.source-alert { margin-top:16px; background:#322a20; border:1px solid #795833; color:#f3d19e; padding:11px 14px; border-radius:7px; font-size:12px; }
.site-footer { border-top:1px solid #25384b; margin:0 42px; padding:17px 0 24px; display:flex; justify-content:space-between; gap:12px; color:#6f8499; font-size:11px; }
.loading-card, .error-card { background:#182638; border:1px solid #35485c; border-radius:10px; padding:40px; color:#c8d4df; }
.loading-card h2, .error-card h2 { margin:0 0 8px; font-size:24px; color:#fff; }
.bracket-info { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 17px; background:#17283b; border:1px solid #31485e; border-radius:9px; margin-bottom:17px; }
.bracket-info strong { font-size:14px; }.bracket-info p { font-size:12px; color:#9caebf; margin:4px 0 0; }
.bracket-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:flex-end; }
.full-size-link { display:inline-block; padding:10px 14px; border:1px solid #f97346; border-radius:7px; color:#fff; background:#a63a1f; font-size:14px; font-weight:800; text-decoration:none; white-space:nowrap; }
.full-size-link:hover, .full-size-link:focus-visible { background:#c84a26; outline:2px solid #f7b184; outline-offset:2px; }
.bracket-scroll { overflow-x:hidden; border:1px solid #314458; border-radius:9px; background:#0b1422; }
.bracket-frame { display:block; width:100%; max-width:1600px; height:auto; aspect-ratio:1600/900; margin:auto; border:0; background:#0b1422; }
.mobile-bracket { display:none; }
.mobile-bracket-round { margin:0 0 24px; }
.mobile-bracket-round h2 { margin:0 0 12px; color:#f1a470; font-size:21px; text-transform:uppercase; letter-spacing:1.5px; }
.mobile-bracket-games { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr)); gap:12px; }
.mobile-bracket-game { display:block; width:100%; min-width:0; padding:0; overflow:hidden; text-align:left; color:#f8fafc; background:#111c2c; border:1px solid #38516a; border-radius:10px; cursor:pointer; box-shadow:0 6px 16px #0004; }
.mobile-bracket-game:hover, .mobile-bracket-game:focus-visible { outline:2px solid #f9a66a; outline-offset:2px; }
.mobile-bracket-bye { cursor:default; background:#1b293a; }
.mobile-bracket-bye:hover { outline:none; }
.mobile-bracket-bye .mobile-bracket-result { color:#d9e5f0; font-size:14px; text-transform:uppercase; letter-spacing:0.6px; }
.mobile-bracket-team { display:flex; min-width:0; align-items:center; gap:11px; padding:9px 12px; border-left:5px solid var(--team-color); border-bottom:1px solid #344559; }
.mobile-bracket-logo { position:relative; display:grid; flex:0 0 44px; width:44px; height:44px; place-items:center; border-radius:50%; background:#35485e; font-size:12px; font-weight:900; }
.mobile-bracket-logo img { position:absolute; width:100%; height:100%; object-fit:contain; }
.mobile-bracket-identity { display:grid; min-width:0; flex:1; gap:2px; }
.mobile-bracket-identity small { color:#a9bbcd; font-size:12px; font-style:normal; }
.mobile-bracket-identity strong { font-size:19px; line-height:1.1; overflow-wrap:anywhere; }
.mobile-bracket-identity em { color:#c1d1df; font-size:14px; font-style:normal; font-variant-numeric:tabular-nums; }
.mobile-bracket-team>b { font-size:24px; font-variant-numeric:tabular-nums; }
.mobile-bracket-result { display:block; padding:6px 13px; color:#b7c9d8; font-size:12px; font-weight:800; }
.bracket-details-status { color:#e8bc94; font-size:13px; margin:8px 0; }
.matchup-list { margin:12px 0; padding:10px 15px; border:1px solid #344c63; border-radius:8px; background:#142235; }
.matchup-list summary { cursor:pointer; font-weight:850; font-size:15px; }
.matchup-list section { display:flex; flex-wrap:wrap; gap:7px; margin:12px 0; }
.matchup-list h3 { width:100%; font-size:13px; text-transform:uppercase; letter-spacing:1px; color:#9cb5cb; margin:3px 0; }
.matchup-list button { border:1px solid #46627a; border-radius:6px; background:#243c54; color:#f4f8fb; padding:8px 10px; cursor:pointer; }
.bracket-detail-dialog { width:min(760px,calc(100vw - 25px)); max-height:88vh; overflow-y:auto; padding:25px; border:1px solid #54718a; border-radius:12px; background:#101e2d; color:#fff; box-shadow:0 24px 80px #000a; }
.bracket-detail-dialog::backdrop { background:#020712c9; }
.bracket-detail-round { color:#f4a874; font-size:13px; font-weight:900; letter-spacing:2px; text-transform:uppercase; }
.bracket-detail-team { display:flex; align-items:center; gap:15px; padding:14px 0; border-bottom:1px solid #385068; }
.bracket-detail-logo { width:60px; height:60px; position:relative; display:grid; place-items:center; border-radius:50%; background:#344960; font-weight:900; }
.bracket-detail-logo img { position:absolute; width:100%; height:100%; object-fit:contain; }
.bracket-detail-name { display:grid; gap:3px; flex:1; }.bracket-detail-name small { color:#a9bfd1; }.bracket-detail-name strong { font-size:25px; }.bracket-detail-name span { color:#c0d0de; }
.bracket-detail-score { font-size:29px; }.bracket-detail-status { color:#e2ba96; }
.bracket-h2h { margin-top:18px; padding-top:16px; border-top:1px solid #385068; }
.bracket-h2h h3 { display:flex; align-items:center; gap:9px; margin:0; font-size:20px; }
.bracket-h2h h3 span { padding:2px 8px; border-radius:99px; background:#29445b; color:#fff; font-size:14px; }
.bracket-h2h-context, .bracket-h2h-note { color:#b9cbd9; font-size:14px; }
.bracket-h2h-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:12px; }
.bracket-h2h-card { padding:13px; border:1px solid #3d5970; border-left:4px solid var(--h2h-color); border-radius:9px; background:#192c3d; }
.bracket-h2h-card>strong { display:block; min-height:38px; font-size:17px; line-height:1.2; }
.bracket-h2h-card dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:12px 0 0; }
.bracket-h2h-card dt { color:#bdd0df; font-size:12px; }.bracket-h2h-card dd { margin:2px 0 0; font-size:19px; font-weight:900; font-variant-numeric:tabular-nums; }
.bracket-h2h-games { display:grid; gap:8px; margin:16px 0 0; padding:0; list-style:none; }
.bracket-h2h-games li { overflow:hidden; border:1px solid #344d64; border-radius:8px; background:#17293a; }
.bracket-h2h-meta { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:4px 12px; padding:9px 12px; border-bottom:1px solid #2c4358; color:#b8cbda; font-size:13px; }
.bracket-h2h-meta small { color:#94aabd; font-size:11px; }
.bracket-h2h-team { display:grid; grid-template-columns:38px minmax(0,1fr) 40px; align-items:center; gap:10px; padding:8px 12px 8px 9px; border-left:3px solid transparent; color:#bdcddb; }
.bracket-h2h-team + .bracket-h2h-team { border-top:1px solid #2c4358; }
.bracket-h2h-role { color:#94aabd; font-size:10px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; }
.bracket-h2h-name { display:flex; align-items:center; gap:8px; min-width:0; }
.bracket-h2h-name strong { font-size:15px; line-height:1.35; overflow-wrap:anywhere; }
.bracket-h2h-score { justify-self:end; font-size:20px; font-variant-numeric:tabular-nums; }
.bracket-h2h-team.is-winner { border-left-color:#f4a874; background:linear-gradient(90deg,#f4a87418,transparent); color:#fff; }
.bracket-h2h-team.is-winner .bracket-h2h-score { color:#f4b386; }
.bracket-h2h-winner { flex:none; padding:2px 5px; border:1px solid #f4a87466; border-radius:4px; color:#f4b386; background:#f4a87414; font-size:10px; font-weight:900; line-height:1; }
.bracket-h2h-score-note { margin:0; padding:7px 12px; border-top:1px solid #2c4358; color:#94aabd; font-size:12px; }
.bracket-h2h-empty { padding:13px; border:1px solid #344d64; border-radius:8px; background:#17293a; font-size:15px; }
@media (max-width:600px) { .bracket-h2h-grid { grid-template-columns:1fr; } .bracket-detail-dialog { padding:18px; } }
.home-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr); gap:22px; }
.home-articles { display:grid; gap:18px; margin-bottom:28px; }
.home-disclaimer { margin:0 0 30px; padding:clamp(22px,3vw,32px); border:1px solid #8e623f; border-left:5px solid #f47736; border-radius:13px; background:linear-gradient(120deg,#302b2a,#192b3d); box-shadow:0 12px 30px #0003; }
.home-disclaimer strong { display:block; margin-bottom:10px; color:#ffc197; font-size:clamp(18px,1.8vw,22px); line-height:1.25; }
.home-disclaimer p { margin:0; color:#e1e9f0; font-size:clamp(14px,1.3vw,16px); line-height:1.7; }

/* Compact home-page contact and on-demand sharing, within the accuracy notice. */
.home-contact { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:14px 24px; margin-top:20px; padding-top:16px; border-top:1px solid #8e623f70; }
.home-contact-info { min-width:0; }
.home-contact-label { display:block; color:#b3c5d5; font-size:11px; font-weight:750; letter-spacing:.8px; text-transform:uppercase; }
.home-contact-email { display:inline-flex; align-items:center; gap:9px; min-height:44px; max-width:100%; color:#ffc197; font-size:14px; font-weight:650; overflow-wrap:anywhere; }
.home-contact-email svg { flex-shrink:0; }
.home-contact-email:hover, .home-share-panel a:hover { text-decoration:underline; text-underline-offset:4px; }
.home-share { max-width:100%; }
.home-share summary { display:flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:0 14px; border:1px solid #637282; border-radius:7px; background:#172a3d; color:#e1e9f0; font-size:13px; font-weight:700; cursor:pointer; list-style:none; }
.home-share summary::-webkit-details-marker { display:none; }
.home-share summary:hover { border-color:#ffc197; background:#20364a; }
.home-contact a:focus-visible, .home-share summary:focus-visible { outline:2px solid #ffc197; outline-offset:4px; border-radius:4px; }
.home-share-hide, .home-share[open] .home-share-show { display:none; }
.home-share[open] .home-share-hide { display:inline; }
.home-share-chevron { margin-left:3px; }
.home-share[open] .home-share-chevron { transform:rotate(180deg); }
.home-share-panel { display:flex; flex-direction:column; align-items:center; gap:5px; padding:16px 16px 4px; }
.home-share-qr { display:block; width:148px; height:148px; max-width:100%; border-radius:5px; background:#fff; }
.home-share-caption { margin-top:5px; color:#b3c5d5; font-size:12px; }
.home-share-panel a { display:inline-flex; align-items:center; min-height:44px; color:#ffc197; font-size:13px; font-weight:700; }
@media(max-width:620px) { .home-contact { gap:10px; } .home-contact-info, .home-share { width:100%; } .home-contact-email { font-size:13px; } .home-share summary { justify-content:flex-start; } .home-share-chevron { margin-left:auto; } }

.article-preview { padding:30px 32px; border:1px solid #344c63; border-top:4px solid #f47736; border-radius:13px; background:linear-gradient(145deg,#172a3d,#101d2d); box-shadow:0 12px 30px #0003; }
.article-preview-meta { display:flex; flex-wrap:wrap; gap:8px 20px; color:#a4bbcc; font-size:12px; margin:0 0 15px; }
.article-preview-meta span { color:#f9ab77; text-transform:uppercase; letter-spacing:1.4px; font-weight:900; }
.article-preview h2 { margin:0 0 12px; font-size:clamp(25px,3vw,36px); line-height:1.2; letter-spacing:-.6px; }
.article-preview h2 a:hover { color:#ffc197; }
.article-preview-summary { max-width:760px; color:#b3c5d5; font-size:16px; line-height:1.65; margin:0 0 20px; }
.article-read-more, .article-back-link, .article-footer-links a { color:#ffc197; font-size:14px; font-weight:800; text-decoration:underline; text-underline-offset:4px; }
.article-page { background:linear-gradient(#101c2b,#0b1522); }
.article-topbar { display:flex; align-items:center; justify-content:space-between; gap:20px; max-width:1000px; margin:auto; padding:24px 32px; border-bottom:1px solid #2c3d4f; }
.article-brand { display:block; width:100px; padding:5px; background:white; border-radius:8px; }.article-brand img { display:block; width:100%; height:auto; }
.article-main { max-width:1000px; padding:26px 32px; }.article-main .home-explainer { margin-top:0; }
.article-main h1 { font-size:clamp(30px,4vw,46px); letter-spacing:-1px; line-height:1.15; margin:10px 0 14px; }
.article-footer-links { display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; max-width:760px; margin:28px auto 0; padding-top:24px; border-top:1px solid #344c63; }
.article-site-footer { text-align:center; color:#a4bbcc; font-size:12px; padding:10px 24px 32px; }
@media(max-width:570px) { .article-preview { padding:22px; }.article-topbar { padding:16px 20px; }.article-main { padding:20px 16px; } }
.home-explainer { margin-top:22px; padding:32px; border:1px solid #344c63; border-top:4px solid #f47736; border-radius:13px; background:linear-gradient(145deg,#172a3d,#101d2d); box-shadow:0 12px 30px #0003; }
.home-explainer header, .home-explainer-body { max-width:760px; margin-inline:auto; }
.home-explainer h2 { margin:10px 0 12px; font-size:clamp(28px,3vw,40px); line-height:1.15; letter-spacing:-.8px; }
.home-explainer-meta { color:#a4bbcc; font-size:13px; line-height:1.6; }
.home-explainer-body { color:#d7e4ed; font-size:17px; line-height:1.75; overflow-wrap:break-word; }
.home-explainer-body p { margin:22px 0; }
.home-explainer-link { display:block; max-width:760px; margin:28px auto 0; color:#ffc197; font-weight:800; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:570px) { .home-explainer { padding:22px; }.home-explainer-body { font-size:16px; } }
.home-intro, .home-updates { border:1px solid #344c63; border-radius:13px; background:linear-gradient(145deg,#172a3d,#101d2d); padding:32px; box-shadow:0 12px 30px #0003; }
.home-intro { border-top:4px solid #f47736; }.home-eyebrow { color:#f9ab77; font-size:12px; font-weight:900; letter-spacing:2px; }
.home-intro h2 { margin:10px 0 16px; font-size:clamp(31px,3vw,49px); line-height:1.07; letter-spacing:-1.3px; }.home-intro>p { color:#b3c5d5; line-height:1.55; max-width:680px; }
.home-years { display:flex; gap:9px; margin:24px 0 17px; }.home-years button { min-width:80px; padding:10px 16px; border:1px solid #547087; border-radius:7px; background:#1b3146; color:#d7e4ed; cursor:pointer; font-weight:850; }.home-years button[aria-pressed="true"] { color:#fff; background:#aa431f; border-color:#fa945e; }
.home-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.home-quick-link { display:grid; gap:10px; padding:20px; border:1px solid #47617a; border-radius:9px; background:#1d3449; }.home-quick-link:hover { border-color:#f47736; background:#28445e; }.home-quick-link span { color:#a4bbcc; font-size:12px; }.home-quick-link strong { font-size:21px; }.home-coming { margin-top:27px; font-size:13px; }.home-coming strong { color:#f4ad7f; }
.home-updates h2 { margin:0 0 18px; font-size:26px; }.home-update { padding:15px 0; border-top:1px solid #34495e; }.home-update time { color:#f6ae7e; font-size:11px; font-weight:850; }.home-update h3 { margin:5px 0; font-size:17px; }.home-update p { color:#acbfd1; font-size:13px; line-height:1.45; margin:0 0 7px; }.home-update a { color:#ffc197; font-size:12px; font-weight:800; text-decoration:underline; }
@media(max-width:1100px) { .home-grid { grid-template-columns:1fr; } }
@media(max-width:570px) { .home-intro, .home-updates { padding:22px; }.home-actions { grid-template-columns:1fr; } }
.bracket-rounds { display:grid; grid-template-columns:repeat(4,minmax(220px,1fr)); gap:12px; overflow-x:auto; }
.round-column { min-width:220px; }.round-column h2 { margin:0 0 12px; font-size:12px; color:#f6ac7c; letter-spacing:1.5px; }
.result-card { background:#182b3e; border:1px solid #324d64; border-radius:7px; margin-bottom:10px; padding:9px 10px; display:grid; gap:6px; }
.result-line { display:flex; justify-content:space-between; gap:8px; color:#adbdcb; font-size:12px; }.result-line.winner { color:#fff; font-weight:850; }.result-line span:last-child { font-variant-numeric:tabular-nums; }
.mobile-scrim { display:none; }
.schedule-filters { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:12px; padding:18px; margin-bottom:20px; border:1px solid var(--line); border-radius:10px; background:var(--card); }
.schedule-filters[hidden] { display:none; }
.schedule-filters label { display:flex; flex-direction:column; gap:7px; font-size:12px; font-weight:700; }
.schedule-filters select { width:100%; min-height:42px; padding:8px; border-radius:6px; }
.schedule-filters .schedule-checkbox { flex-direction:row; align-items:center; }
.schedule-table { min-width:780px; }
.schedule-table small { display:block; margin-top:5px; font-weight:400; color:var(--muted); }
.schedule-team { border:0; background:transparent; color:inherit; font:inherit; font-weight:700; text-align:left; padding:4px 0; cursor:pointer; text-decoration:none; border-radius:2px; }
.schedule-team:not(:disabled):hover { color:#ffbd8c; }
.schedule-team:focus-visible { outline:2px solid #ffbd8c; outline-offset:3px; }
.schedule-team:disabled { cursor:default; text-decoration:none; opacity:1; }
.schedule-table tbody tr:nth-child(4), .standings-table.historical-table tbody tr:nth-child(4) { border-bottom:1px solid #273b4d; }
.historical-table .team-cell > .team-inner { min-height:42px; padding:3px 5px; }
.historical-schedule-dialog .schedule-head > div, .historical-schedule-dialog .schedule-opponent { min-width:0; overflow-wrap:anywhere; }
@media(max-width:620px) { .historical-schedule-dialog .schedule-game { grid-template-columns:minmax(0,1fr) auto; } }
.schedule-filters label, .schedule-filters select { font-family:Inter,"Segoe UI",Arial,sans-serif; }
@media (max-width:600px) { .schedule-filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; } .schedule-checkbox { grid-column:1/-1; } }
.audit-status { display:flex; align-items:center; margin:0 0 12px; padding:8px 12px; border:1px solid #49647b; border-radius:8px; background:#172b3f; color:#eef6fb; font-size:12px; }
.audit-status span { color:#b6c8d7; }
.power-summary { display:flex; justify-content:space-between; align-items:flex-start; gap:28px; margin-bottom:16px; padding:22px 24px; border:1px solid #3b566e; border-left:5px solid #f47736; border-radius:11px; background:linear-gradient(120deg,#1d344b,#122438); box-shadow:0 10px 28px #0003; }
.power-summary>div { max-width:760px; }.power-eyebrow { margin:0 0 7px; color:#f7a774; font-size:10px; font-weight:900; letter-spacing:1.8px; }.power-summary h2 { margin:0 0 9px; font-size:26px; }.power-summary p:last-child { margin:0; color:#b9cbda; font-size:13px; line-height:1.55; }.power-summary strong { color:#fff; }
.power-summary dl { display:grid; grid-template-columns:repeat(3,minmax(105px,1fr)); gap:7px; margin:0; flex:none; }.power-summary dl div { padding:10px 12px; border:1px solid #405c74; border-radius:7px; background:#102338; }.power-summary dt { color:#91aabe; font-size:9px; font-weight:900; letter-spacing:.8px; text-transform:uppercase; }.power-summary dd { margin:5px 0 0; color:#fff; font-size:13px; font-weight:850; }
.power-card { overflow:hidden; border:1px solid #3a536a; border-radius:10px; background:#14263a; }.power-table-wrap { overflow-x:auto; }.power-table { width:100%; min-width:820px; border-collapse:collapse; font-variant-numeric:tabular-nums; }.power-table th { padding:11px 14px; border-bottom:1px solid #3c566d; background:#102135; color:#9fb5c7; font-size:10px; letter-spacing:1px; text-align:left; }.power-table th:not(:nth-child(2)), .power-table td:not(:nth-child(2)) { text-align:center; }.power-table td { padding:8px 14px; border-bottom:1px solid #293f54; color:#dbe8f2; font-size:13px; }.power-table tbody tr:nth-child(even) { background:#192d42; }.power-table tbody tr:hover { background:#24425c; }
.power-rank span { display:inline-grid; width:29px; height:29px; place-items:center; border-radius:7px; background:#264b68; color:#fff; font-weight:900; }.power-team .team-schedule-trigger { width:100%; }.power-team .team-inner>span:last-child { display:grid; gap:1px; }.power-team small { color:#87a1b5; font-size:10px; font-weight:750; }.power-rating { color:#fff !important; font-size:18px !important; font-weight:950; }.power-record { font-weight:850; }.power-secondary.positive { color:#69e6bb; }.power-secondary.negative { color:#ff8b8b; }.power-next { white-space:nowrap; }.power-next-date, .power-next-site { color:#8fa8bb; font-size:10px; font-weight:850; text-transform:uppercase; }.power-next-name { color:#dbe8f2; font-weight:800; }.power-next-pr { color:#a9c1d3; font-size:10px; font-weight:850; }.power-next-empty { color:#7891a5; font-size:11px; }.power-mobile-details { display:none; color:#8fa8bb; font-size:10px; font-weight:650; }.power-freshness, .power-disclaimer { color:#90a8bb; font-size:12px; line-height:1.5; }.power-freshness { margin:12px 2px 0; }.power-disclaimer { margin:5px 2px 0; }
@media (min-width:1600px) and (min-height:900px) { .topbar { height:78px; } main { padding:20px 32px 22px; } .page-heading { margin-bottom:15px; } h1 { font-size:44px; } .page-switcher { margin-bottom:15px; } .page-switcher a { padding-bottom:10px; } .conference-grid { gap:14px; } .card-top { min-height:48px; } .standings-table tbody tr { height:39px; } .standings-table td { font-size:13px; } .team-name { font-size:13px; } .site-footer { padding-top:12px; padding-bottom:12px; } }
@media (max-width:1450px) { .conference-grid { grid-template-columns:1fr; } .standings-table { min-width:550px; } }
@media (max-width:1500px) { #page-content:has(.mobile-bracket[data-ready="true"]) .bracket-scroll { display:none; } #page-content .mobile-bracket[data-ready="true"] { display:block; } #page-content:has(.mobile-bracket[data-ready="true"]) #bracket-matchup-list { display:none; } }
@media (max-width:800px) { .app-shell { grid-template-columns:1fr; } .main-column { overflow-x:hidden; } .sidebar { position:fixed; width:264px; transform:translateX(-100%); transition:transform .2s; } .sidebar.open { transform:translateX(0); } .mobile-scrim:not([hidden]) { display:block; position:fixed; inset:0; background:#0009; z-index:9; } .menu-button { display:block; } .topbar { height:80px; padding:0 18px; gap:12px; } .topbar-location { margin-right:auto; } .topbar-eyebrow { font-size:8px; } .topbar-path { font-size:12px; } main { min-width:0; max-width:100%; padding:23px 18px 40px; } #page-content { min-width:0; max-width:100%; } .site-footer { margin:0 18px; flex-wrap:wrap; } }
@media (max-width:800px) { .bracket-info { align-items:flex-start; flex-direction:column; } .bracket-actions { justify-content:flex-start; } }
@media (max-width:900px) { .power-summary { flex-direction:column; }.power-summary dl { width:100%; }.power-summary dl div { min-width:0; } }
@media (max-width:700px) { .power-summary { padding:18px; }.power-summary dl { grid-template-columns:1fr; }.power-table { min-width:0; }.power-table .power-secondary { display:none; }.power-table th, .power-table td { padding:8px 7px; }.power-table th { font-size:9px; }.power-table th:nth-child(1), .power-table td:nth-child(1) { width:42px; }.power-table th:nth-child(3), .power-table td:nth-child(3) { width:58px; }.power-table th:nth-child(4), .power-table td:nth-child(4) { width:52px; }.power-team .team-inner { gap:7px; }.power-team .team-inner>img { width:30px; height:30px; }.power-team .team-name { font-size:12px; }.power-mobile-details { display:block; }.power-rating { font-size:16px !important; } }
@media (max-width:520px) { .page-heading { align-items:start; } .page-deck { max-width:220px; line-height:1.35; } .heading-controls { min-width:102px; } .heading-controls select { padding-left:9px; } .page-switcher { gap:16px; } .conference-grid { gap:13px; } .card-top { min-height:51px; } }

/* Class B history shares the archive palette while keeping long tables readable. */
.history-hero { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:24px 28px; border:1px solid #3d566b; border-left:5px solid #f47736; border-radius:12px; background:linear-gradient(110deg,#203750,#15283b 58%,#112235); box-shadow:0 12px 35px #0004; }
.history-eyebrow { color:#ffb788; font-size:11px; letter-spacing:2px; font-weight:900; margin:0 0 9px; }
.history-hero h2 { font-size:clamp(25px,2.5vw,39px); letter-spacing:-1px; margin:0 0 8px; line-height:1.08; }
.history-hero p:last-child { margin:0; color:#bbccdb; font-size:13px; line-height:1.5; max-width:600px; }
.history-metrics { display:flex; gap:10px; flex:none; }
.history-metrics div { min-width:105px; padding:13px 16px; display:grid; gap:4px; text-align:center; border:1px solid #47627a; border-radius:8px; background:#12263a; }
.history-metrics strong { font-size:25px; font-weight:900; font-variant-numeric:tabular-nums; }
.history-metrics span { color:#a5bbcd; font-size:10px; text-transform:uppercase; letter-spacing:.8px; font-weight:800; }
.history-views { display:flex; flex-wrap:wrap; gap:6px; margin:19px 0 14px; }
.history-view { color:#b9cad9; border:1px solid #3a536b; border-radius:7px; background:#1b3146; padding:9px 10px; font-size:12px; font-weight:850; cursor:pointer; }
.history-view:hover { color:#fff; border-color:#f47736; }
.history-view.active { background:#a94322; border-color:#ff995f; color:#fff; }
.history-controls { display:flex; align-items:end; flex-wrap:wrap; gap:10px; margin:0 0 14px; }
.history-filter-label { display:grid; gap:5px; color:#9fb3c6; font-size:11px; font-weight:850; letter-spacing:.5px; }
.history-filter-label input, .history-filter-label select { min-height:38px; min-width:170px; color:#fff; border:1px solid #4c667e; border-radius:7px; background:#172b3e; padding:7px 11px; font-size:14px; }
.history-filter-label input::placeholder { color:#8298aa; }
.history-clear { min-height:38px; padding:7px 10px; border:1px solid #d77f4c; border-radius:7px; background:#523221; color:#ffd2b3; cursor:pointer; font-weight:750; }
.history-count { margin-left:auto; color:#91a9bc; font-size:12px; }
.history-card { min-width:0; border:1px solid #38516a; border-radius:10px; overflow:hidden; background:#142338; }
.history-game-card { margin-top:16px; }
.history-games-table { min-width:700px; }
.history-game-site { display:inline-block; min-width:20px; color:#9fb5c8; font-size:11px; font-weight:900; text-transform:uppercase; }
.history-game-result { display:inline-grid; width:25px; height:25px; place-items:center; border-radius:50%; font-size:12px; font-weight:950; }
.history-game-result.win { background:#174f36; color:#bdf7d5; }
.history-game-result.loss { background:#632d36; color:#ffd1d7; }
.history-card-top { display:flex; justify-content:space-between; align-items:center; padding:16px 19px; border-bottom:1px solid #3b5367; background:#1c3249; }
.history-card-top h3 { margin:0; font-size:20px; }.history-card-top span { color:#a7bdcf; font-size:11px; font-weight:850; letter-spacing:1px; text-transform:uppercase; }
/* History lists grow with the page; only wide tables scroll sideways. */
.history-table-wrap { overflow-x:auto; scrollbar-width:thin; }
.history-table { width:100%; border-collapse:collapse; min-width:620px; font-variant-numeric:tabular-nums; }
.history-table th { position:sticky; top:0; z-index:1; padding:12px 15px; background:#102034; color:#a5b9cb; border-bottom:1px solid #38516a; text-align:left; font-size:11px; letter-spacing:1px; }
.history-sort { display:inline-flex; align-items:center; gap:6px; margin:-8px -10px; padding:8px 10px; border:0; border-radius:5px; background:transparent; color:inherit; font:inherit; font-weight:850; letter-spacing:inherit; white-space:nowrap; cursor:pointer; }
.history-sort:hover, .history-sort:focus-visible { color:#fff; background:#28435d; }
.history-sort:focus-visible { outline:2px solid #f47736; outline-offset:1px; }
.history-sort.active { color:#fff; }
.history-sort-arrow { color:#f4a16e; font-size:12px; letter-spacing:0; }
.history-table th:first-child, .history-table td:first-child { padding-left:20px; }
.history-table td { border-bottom:1px solid #293e53; padding:8px 15px; color:#dce8f1; font-size:14px; }
.history-table tbody tr:nth-child(even) { background:#182b40; }.history-table tbody tr:hover { background:#24415b; }
.history-table td:not(:nth-child(2)) { white-space:nowrap; }
.history-record { color:#fff !important; font-size:16px !important; font-weight:900; }
.history-streak-badge { display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; margin-left:5px; padding:0 5px; border:1px solid #ffc37d; border-radius:5px; background:#5b3719; color:#ffe2ac; font-size:11px; font-weight:900; vertical-align:middle; }
.history-team { display:flex; align-items:center; gap:9px; min-height:34px; max-width:100%; padding:1px 4px; border:0; border-radius:5px; background:transparent; color:#f4f8fc; font-size:14px; font-weight:850; cursor:pointer; text-align:left; }
.history-team:hover, .history-team:focus-visible { background:#36536d; }.history-team img { width:30px; height:30px; object-fit:contain; flex:none; }
.history-team.selected { background:#36536d; box-shadow:inset 4px 0 0 #f47736; }
.archive-standings .archive-team { cursor:default; }
.archive-standings .archive-team:hover { background:transparent; }
.history-team-name { color:#fff; font-weight:850; }.history-finish { color:#bfd5e6; font-weight:850; }.history-finish.champion { color:#ffc28d; }.history-unresolved { color:#ffd49e; }
.history-yearly-table { min-width:790px; }.history-regular-table { min-width:920px; }
.history-yearly-table td:not(:nth-child(2)), .history-regular-table td:not(:nth-child(2)) { text-align:center; }
.history-yearly-table thead th:not(:nth-child(2)), .history-regular-table thead th:not(:nth-child(2)) { text-align:center; }
.history-district-row th { position:static; padding:10px 20px; background:#29435a !important; color:#fff; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:1px; }
.history-district-row:hover { background:#29435a !important; }
.history-source-status { display:inline-block; padding:5px 8px; border:1px solid #596d7e; border-radius:5px; color:#dce9f4; background:#263b4e; font-size:11px; font-weight:850; white-space:nowrap; }
.history-source-status.review { border-color:#e59659; background:#51371f; color:#ffd6a9; }
.history-source-status.incomplete { border-color:#8090a0; background:#344254; color:#e2e9ef; }
.history-source-status.provisional { border-color:#5598aa; background:#214555; color:#c3eff6; }
.history-table.history-finishes-table { min-width:1050px; table-layout:fixed; border-collapse:separate; border-spacing:0; }
.history-finishes-table thead th { z-index:3; text-align:center; padding:13px 8px; }
.history-finishes-table thead th:first-child { position:sticky; left:0; z-index:5; width:104px; text-align:left; padding-left:18px; }
.history-finishes-table tbody th.finish-year { position:sticky; top:auto; left:0; z-index:2; padding:12px 14px 12px 18px; border-bottom:1px solid #334d64; background:#192f44; color:#fff; text-align:left; font-size:17px; font-weight:900; }
.history-finishes-table tbody tr:nth-child(even) th.finish-year { background:#20384f; }
.history-finishes-table td.finish-team-cell { padding:7px 5px; white-space:normal; min-width:150px; }
.finish-team { width:100%; min-height:58px; display:flex; align-items:center; gap:8px; padding:7px 8px 7px 5px; border:1px solid #36516a; border-left:5px solid var(--finish-color); border-radius:6px; background:#1c3146; color:#f4f8fc; text-align:left; font-size:14px; font-weight:850; line-height:1.2; cursor:pointer; }
.finish-team:hover, .finish-team:focus-visible { background:#304c64; border-color:#7190ab; border-left-color:var(--finish-color); }
.finish-team.selected { background:var(--finish-color); color:var(--finish-ink); border-color:var(--finish-color); box-shadow:inset 0 0 0 1px rgba(255,255,255,.38),0 3px 10px rgba(0,0,0,.25); }
.finish-team.selected:hover, .finish-team.selected:focus-visible { background:var(--finish-color); border-color:var(--finish-color); filter:brightness(1.1); }
.finish-team:focus-visible { outline:2px solid #f47736; outline-offset:1px; }
.finish-logo { position:relative; display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:50%; overflow:hidden; background:#f5f7fa; color:#21374b; font-size:11px; font-weight:900; }
.finish-logo img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#f5f7fa; }
.finish-name { overflow-wrap:anywhere; }
.finish-empty { display:block; text-align:center; color:#7890a4; font-size:20px; }
.history-empty { padding:25px; color:#b5c8d8; }.history-note { color:#90a7ba; font-size:12px; line-height:1.5; margin:13px 2px 0; }
@media (max-width:1200px) { .history-hero { width:100%; min-width:0; align-items:flex-start; flex-direction:column; }.history-hero > div:first-child { width:100%; min-width:0; }.history-hero p:last-child { max-width:100%; }.history-metrics { width:100%; }.history-metrics div { flex:1; } }
@media (max-width:650px) { .history-hero { width:calc(100vw - 36px); max-width:calc(100vw - 36px); padding:20px; }.history-metrics { gap:6px; }.history-metrics div { min-width:0; padding:11px 7px; }.history-metrics strong { font-size:20px; }.history-metrics span { font-size:8px; }.history-views { flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; }.history-view { flex:none; padding:9px 10px; font-size:12px; }.history-filter-label { flex:1; }.history-filter-label input, .history-filter-label select { min-width:0; width:100%; }.history-count { margin-left:0; }.history-table-wrap { max-height:none; }.history-table { min-width:560px; } .page-switcher { gap:9px; }.page-switcher a { font-size:12px; } }

/* Shared multi-class history renderer. */
.history-shell { display:grid; gap:14px; }
.history-coverage { display:flex; justify-content:space-between; gap:16px; padding:14px 16px; border:1px solid #345069; border-radius:9px; background:#13263a; color:#aebfd0; }
.history-coverage strong { color:#fff; }
.history-view-tabs { display:flex; flex-wrap:wrap; gap:7px; }
.history-view-button { border:1px solid #3a536b; border-radius:7px; padding:9px 12px; background:#1b3146; color:#bed0df; font-weight:850; cursor:pointer; }
.history-view-button.active { border-color:#ff995f; background:#a94322; color:#fff; }
.history-filters { display:flex; flex-wrap:wrap; align-items:end; gap:10px; }
.history-filters label { display:grid; gap:5px; color:#9db1c3; font-size:11px; font-weight:850; letter-spacing:.5px; text-transform:uppercase; }
.history-filters input, .history-filters select, .history-filters button { min-height:38px; border:1px solid #3a536b; border-radius:7px; padding:7px 10px; background:#102034; color:#fff; }
.history-table th button { border:0; padding:0; background:transparent; color:inherit; font:inherit; cursor:pointer; text-transform:inherit; letter-spacing:inherit; }
.history-team-button { display:flex; align-items:center; gap:9px; border:0; border-radius:6px; padding:3px 5px; background:transparent; color:#f4f8fc; font-weight:850; cursor:pointer; text-align:left; }
.history-team-button:hover, .history-team-button:focus-visible { background:#36536d; }
.history-team-logo { width:30px; height:30px; object-fit:contain; flex:none; }
.history-status { display:inline-flex; border-radius:999px; padding:4px 7px; font-size:10px; font-weight:900; text-transform:uppercase; }
.history-status.complete { background:#163f35; color:#9ce5c8; }.history-status.incomplete { background:#4a3420; color:#ffd09b; }
.history-finishes { min-width:1050px; table-layout:fixed; }
.history-finishes th:first-child { width:76px; }
.history-finishes td { white-space:normal !important; vertical-align:top; }
.history-finish-team { display:flex; align-items:center; gap:6px; width:100%; min-height:32px; margin:2px 0; padding:4px 6px; border:1px solid transparent; border-radius:6px; background:#1b3146; color:#f4f8fc; font:inherit; font-weight:800; text-align:left; cursor:pointer; }
.history-finish-team:hover, .history-finish-team:focus-visible { border-color:#7190ab; background:#304c64; }
.history-finish-team:focus-visible { outline:2px solid #f47736; outline-offset:1px; }
.history-finish-team.selected { outline:2px solid #f47736; }
.history-finish-team .history-team-logo { width:24px; height:24px; }.history-finish-team small { color:#93abc0; }
.history-empty { color:#6f8598; }
.class-team-button { display:flex; align-items:center; gap:9px; width:100%; border:0; border-radius:6px; padding:4px 6px; background:transparent; color:#f4f8fc; text-align:left; cursor:pointer; }
.class-team-button:hover, .class-team-button:focus-visible { background:#36536d; }
.class-team-button img { width:32px; height:32px; object-fit:contain; flex:none; }
.class-team-button span { display:grid; gap:2px; min-width:0; }
.class-team-button strong { overflow:hidden; text-overflow:ellipsis; }
.class-team-button small, .power-next small { color:#91a8bb; }
.power-next { white-space:nowrap; }
.standings-note { margin:12px 2px 0; color:#9fb5c7; font-size:12px; }
.history-finishes-table td.finish-team-cell .finish-team + .finish-team { margin-top:5px; }
.schedule-card ol { display:grid; gap:8px; padding:0; list-style:none; }
.schedule-card li { display:grid; grid-template-columns:130px minmax(0,1fr) auto; gap:12px; padding:11px 13px; border:1px solid #31485e; border-radius:8px; background:#19283a; }
@media (max-width:760px) {
  .history-coverage { flex-direction:column; gap:5px; }
  .history-view-tabs { flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; }
  .history-view-button { flex:none; }
  .history-filters label { flex:1 1 145px; }.history-filters input, .history-filters select { width:100%; }
  .history-finishes { display:block; min-width:0; }
  .history-finishes thead { display:none; }
  .history-finishes tbody, .history-finishes tr { display:block; }
  .history-finishes tr { margin-bottom:14px; overflow:hidden; border:1px solid #345069; border-radius:9px; background:#102034; }
  .history-finishes tbody th:first-child { display:block; position:static; width:auto; padding:11px 13px; background:#1b3146; color:#fff; font-size:17px; }
  .history-finishes td { display:grid; grid-template-columns:112px minmax(0,1fr); gap:8px; align-items:start; min-width:0; padding:9px 11px; border-bottom:1px solid #293e53; }
  .history-finishes td:last-child { border-bottom:0; }
  .history-finishes td::before { content:attr(data-finish-group); color:#9db1c3; font-size:10px; font-weight:900; letter-spacing:.6px; text-transform:uppercase; }
}

/* Keep upcoming-game details aligned across all football power tables. */
.power-table { min-width:960px; }
.power-table th.power-next, .power-table td.power-next { text-align:left; }
.power-table .power-game-date { width:62px; padding-left:8px; padding-right:8px; white-space:nowrap; color:#a9c1d3; font-size:12px; }
.power-table th.power-game-date { font-size:10px; }
.power-table .power-next-rank { width:76px; padding-left:8px; padding-right:8px; white-space:nowrap; border-left:1px solid #293f54; }
.power-table td.power-next-rank { color:#f5f7fa; font-size:13px; font-weight:700; }
.power-next-matchup { display:inline-grid; grid-template-columns:24px auto; align-items:baseline; gap:8px; }
.power-next-site { font-size:10px; font-weight:700; }
.power-next-name { font-family:Inter,"Segoe UI",Arial,sans-serif; font-weight:650; }
.power-team .class-team-button>span { display:grid; gap:1px; text-align:left; }
@media (max-width:700px) { .power-table { min-width:0; } }

@media (max-width:700px) {
  .power-mobile-stats, .power-mobile-next { display:block; }
  .power-mobile-next { margin-top:3px; color:#b9cddd; font-size:11px; line-height:1.45; }
  .power-team .class-team-button strong { overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }
}

.power-team .power-mobile-details { display:none; }
@media (max-width:700px) { .power-team .power-mobile-details { display:block; } }

/* Tournament folders in the shared sports sidebar. */
.viewer-bar { min-height:52px; padding:8px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; background:#101e2d; border-bottom:1px solid #34465b; }
.viewer-actions { display:flex; flex-wrap:wrap; gap:18px; font-size:13px; font-weight:700; }
.viewer-actions a { color:inherit; }
body:has(> .viewer-stage) { background:#0b1422; color:#f5f7fa; }
.viewer-bar strong { font-size:15px; }
.viewer-actions a { text-decoration:none; }
.viewer-actions a:hover, .viewer-actions a:focus-visible { text-decoration:underline; }
.viewer-stage { min-height:calc(100vh - 52px); background:#0b1422; }
.viewer-stage #bracket-image { display:block; width:100%; max-width:1600px; height:auto; aspect-ratio:1600 / 900; margin:auto; border:0; background:#0b1422; }
.viewer-stage #bracket-image[data-classification="b"] { aspect-ratio:1600 / 1400; }
.viewer-stage .mobile-bracket { display:none; padding:14px; }
.viewer-stage #bracket-matchup-list, .viewer-stage #bracket-details-status { max-width:1600px; margin:10px auto; }
.history-team-button { min-height:34px; padding:1px 4px; border-radius:5px; font-size:14px; }
.history-table-wrap > .table-scroll { overflow:visible; }
.finish-team.history-finish-team { min-height:58px; gap:8px; margin:0; padding:7px 8px 7px 5px; border:1px solid #36516a; border-left:5px solid var(--finish-color); background:#1c3146; font-size:14px; font-weight:850; line-height:1.2; }
.finish-team.history-finish-team.selected { outline:0; background:var(--finish-color); color:var(--finish-ink); border-color:var(--finish-color); }
.finish-team.history-finish-team .history-team-logo { width:100%; height:100%; }
@media (min-width:621px) {
  .standings-table.football-standings-table tbody tr { height:53px; }
  .standings-table.football-standings-table td { font-size:14px; }
  .football-standings-table .team-inner { min-height:52px; }
  .football-standings-table .team-inner img { width:38px; height:38px; }
  .football-standings-table .team-name { font-size:14px; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }
  .football-standings-table .mobile-standings-rank { display:inline-flex; align-items:center; justify-content:center; width:23px; height:23px; border-radius:5px; background:#294765; color:#edf6ff; font-size:11px; font-weight:900; }
  .football-standings-table .mobile-standings-rank.outside { background:transparent; color:#869baf; }
}
@media (max-width:900px) {
  .viewer-stage:has(.mobile-bracket[data-ready="true"]) #bracket-image, .viewer-stage:has(.mobile-bracket[data-ready="true"]) #bracket-matchup-list { display:none; }
  .viewer-stage .mobile-bracket[data-ready="true"] { display:block; }
}
@media (max-width:650px) {
  body > .viewer-bar { flex-wrap:wrap; padding:10px 14px; gap:10px; }
  .viewer-bar strong { font-size:13px; }
  .viewer-bar .viewer-actions { gap:12px; font-size:12px; }
}
@media (max-width:760px) {
  .history-table.history-finishes { width:100%; min-width:0; table-layout:auto; }
  .history-table-wrap.history-finishes-wrap { max-height:none; overflow:visible; }
  .history-finishes-table tbody th.finish-year { position:static; width:auto; }
  .history-finishes-table td.finish-team-cell { min-width:0; padding:9px 11px; }
  .history-finishes td::before { grid-column:1; grid-row:1; }
  .history-finishes .finish-team, .history-finishes .finish-empty { grid-column:2; }
}
.vb-nav-stage{min-width:0}.vb-nav-stage-summary{display:flex;align-items:center;list-style:none;min-height:44px;border-radius:6px;cursor:pointer}.vb-nav-stage-summary::-webkit-details-marker{display:none}.vb-nav-stage-summary>.nav-page{flex:1;min-width:0;align-self:stretch;display:flex;align-items:center}.vb-nav-stage-summary:has(>.nav-page.active){background:#2b3e51}.vb-nav-stage-caret{display:grid;place-items:center;min-width:44px;min-height:44px;color:#8599ad;font-size:16px;font-weight:700}.vb-nav-stage-caret::before{content:'+'}.vb-nav-stage[open]>.vb-nav-stage-summary>.vb-nav-stage-caret::before{content:'−'}.vb-nav-stage-summary:hover{background:#1b2f46}.vb-nav-stage-summary:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.vb-nav-tournaments{margin:0 0 7px 14px;padding-left:7px;border-left:1px solid #40516a}.vb-nav-tournaments .nav-page{display:flex;align-items:center;min-height:44px;box-sizing:border-box;font-size:12px;padding:9px 10px}

/* Week 8 article: class navigation and readable conference scenarios. */
.clinching-key { padding:18px 22px; margin:28px 0; border:1px solid #3b536b; border-radius:10px; background:#0c1a29; }
.clinching-guide .clinching-key h2 { font-size:20px; letter-spacing:0; margin:0 0 10px; }
.clinching-guide .clinching-key p { margin:12px 0 0; font-size:15px; }
.clinching-jump-links { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 36px; }
.clinching-jump-links a { padding:7px 14px; border:1px solid #4b6175; border-radius:7px; color:#ffc197; font-size:15px; font-weight:800; }
.clinching-jump-links a:hover { background:#24394c; }
.clinching-class { margin-top:46px; scroll-margin-top:20px; }
.clinching-guide .clinching-class > h2 { padding-top:22px; border-top:2px solid #f47736; margin:0 0 28px; font-size:32px; }
.clinching-conference { margin:28px 0 34px; }
.clinching-conference h3 { font-size:23px; margin:0; scroll-margin-top:24px; }
.clinching-guide .clinching-spots { color:#a4bbcc; margin:2px 0 14px; font-size:14px; }
.clinching-teams { padding-left:22px; margin:14px 0; }
.clinching-teams li { padding-left:4px; margin:0 0 14px; }
.clinching-guide .clinching-conference-note, .clinching-guide .clinching-review-note, .clinching-guide .clinching-source-note { font-size:14px; color:#b3c5d5; }
.clinching-review-note { padding:12px 16px; border-left:3px solid #f47736; background:#1e2c39; }
.clinching-back-top a { color:#ffc197; text-decoration:underline; text-underline-offset:4px; font-size:14px; }
.clinching-source-note { border-top:1px solid #344c63; padding-top:22px; }
@media(max-width:570px) { .clinching-key { padding:14px; }.clinching-guide .clinching-class > h2 { font-size:28px; }.clinching-teams { padding-left:18px; }.clinching-jump-links { gap:8px; }.clinching-jump-links a { padding:6px 10px; } }

/* Shared football-style standings: sport-specific phone labels. */
@media(max-width:620px){.standings-table.football-standings-table td[data-standings-label]::before{content:attr(data-standings-label) " ";color:#9bb1c5;font-size:9px}.football-standings-table .team-inner>span{min-width:0}.football-standings-table .team-name{white-space:normal;overflow-wrap:anywhere}}