/* /standings (templates/standings.html). Builds on home-front.css (.fp tokens). */
.st-head{align-items:flex-end}
.st-year{display:flex;align-items:center;gap:8px;flex:none}
.st-year label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fp-dim)}
.st-year select{min-height:44px;padding:0 34px 0 14px;border:1px solid var(--fp-line-2);border-radius:10px;background:var(--fp-panel);color:var(--fp-text);font-size:15px;font-weight:700}

.st-grid{display:grid;gap:14px;align-items:start;grid-template-columns:minmax(0,1fr) minmax(300px,380px)}
.st-side{display:grid;gap:14px;min-width:0}

.st-table{font-size:14px}
.st-table th,.st-table td{padding:9px 10px}
.st-table tbody th a{min-height:40px}
.st-table tbody th b{font-size:14px}
.st-table tbody th small{font-size:11px}
.st-table .st-rec{font-weight:750;color:var(--fp-text);font-size:15px}
.st-dim{color:var(--fp-dim)}
.st-pos{color:var(--fp-win)}.st-neg{color:var(--fp-loss)}
.st-best{margin-left:3px;font-size:9px;font-weight:800;color:var(--fp-gold);vertical-align:super}
.st-streak{margin-left:8px;font-style:normal;font-size:11px;font-weight:700;color:var(--fp-dim);display:inline-block;min-width:22px;text-align:left}
.st-tag-bye{background:#10302f;color:var(--fp-accent);border-color:#1f5a4c}
.st-table tr.is-champ{background:linear-gradient(90deg,rgba(245,196,81,.12),transparent 60%)}
.st-trophy{color:var(--fp-gold);font-weight:750}
.st-finish{text-align:left!important}
.st-week{text-align:left!important;font-size:12px;color:var(--fp-dim);max-width:230px}
.st-week span{display:block;overflow:hidden;text-overflow:ellipsis}
.st-week small{color:var(--fp-faint)}
.st-week b{color:#cfe0ee;font-weight:700}
.st-week .is-up b{color:var(--fp-win)}.st-week .is-down b{color:var(--fp-loss)}
.st-mobile-meta{display:none}

/* Side cards */
.st-bracket{list-style:none;margin:0;padding:6px 0}
.st-bracket li{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;flex-wrap:wrap}
.st-bracket li+li{border-top:1px solid var(--fp-line)}
.st-bracket b{font-weight:650}
.st-bracket em{font-style:normal;font-size:11px;color:var(--fp-faint);text-transform:uppercase;letter-spacing:.06em}
.st-bracket li>em:last-child{margin-left:auto}
.st-seed{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--fp-panel-2);border:1px solid var(--fp-line-2);font-size:11px;font-weight:800;color:var(--fp-dim)}
.st-results li{display:grid;gap:4px}
.st-results li span{display:flex;justify-content:space-between;gap:10px;color:var(--fp-dim)}
.st-results li span.is-w{color:var(--fp-text);font-weight:650}.st-results li span.is-w b{color:var(--fp-win)}
.st-results li.is-final-game{background:linear-gradient(90deg,rgba(245,196,81,.10),transparent)}
.st-div{font-size:13px}
.st-div th,.st-div td{padding:5px 16px}
.st-div tbody th a{min-height:32px}
.st-div tr:first-child b{color:var(--fp-accent)}
.st-more ul{list-style:none;margin:0;padding:4px 0}
.st-more li+li{border-top:1px solid var(--fp-line)}
.st-more a{display:block;padding:10px 16px;font-size:13px;font-weight:650;color:var(--fp-link)}
.st-more a:hover{background:#142436}
.st-more small{display:block;font-weight:400;font-size:11px;color:var(--fp-faint);margin-top:2px}

/* Responsive: drop the least important columns first; phones get a meta line instead */
@media (max-width:1400px){.st-hide-lg{display:none}}
@media (max-width:1100px){.st-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .st-hide-md{display:none}
  .st-mobile-meta{display:block;font-size:11px;color:var(--fp-dim);margin-top:2px;line-height:1.35}
  .st-head{flex-direction:column;align-items:stretch}
  .st-year select{flex:1}
}
@media (max-width:460px){
  .st-hide-sm{display:none}
  .st-table th,.st-table td{padding:8px 6px}
}
.st-qf{display:grid!important;gap:6px}
.st-qf div{display:flex;align-items:center;gap:8px}
.st-qf-label{font-size:10px!important}
.st-proj{color:var(--fp-faint)}
.fp-table.st-div th,.fp-table.st-div td{padding:3px 16px;height:auto}
.fp-table.st-div tbody th a{min-height:34px;flex-wrap:nowrap}
@media (max-width:1600px){.st-proj{display:none}}

/* Wide screens: the team column no longer swallows the table (it had width:100% from
   home-front.css), and extra stat columns (.st-show-xl) fill the room instead of blank space. */
.st-table tbody th{width:auto!important;min-width:220px;max-width:340px}
.st-show-xl{display:none}
@media (min-width:1500px){.st-show-xl{display:table-cell}}
.st-odds{display:inline-block;min-width:46px;padding:2px 6px;border-radius:5px;font-weight:750;
  background:linear-gradient(90deg,rgba(79,209,161,.35) var(--pct),rgba(255,255,255,.04) var(--pct))}
.st-views{display:inline-flex;gap:4px;padding:3px;margin:0 0 12px;border:1px solid var(--fp-line-2);border-radius:999px;background:var(--fp-panel)}
.st-views a{min-height:34px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;font-size:13px;font-weight:700;color:var(--fp-dim);text-decoration:none}
.st-views a[aria-current="page"]{background:#10302f;color:#fff;box-shadow:inset 0 0 0 1px var(--fp-accent)}