/* Season-page extras only — everything structural (shell, tables, badges,
   pills, cards, notes) comes from browse-common.css and is never redefined
   here. This file covers the bits that file doesn't: year cards on the
   seasons index, ladder column sizing, and the quarter-by-quarter drill-in. */

/* --- seasons index -------------------------------------------------- */

.s-year-card { flex-direction: column; align-items: flex-start; gap: 3px; }
.s-year-card-year { font-size: 17px; font-weight: 800; }
.s-year-card-meta { color: var(--muted); font-family: var(--font-mono); font-size: 10.5px; font-weight: 500; }

/* --- shared team cell ----------------------------------------------- */

.s-team { display: inline-flex; align-items: center; gap: 8px; }
.s-team a { color: var(--text); text-decoration: none; }
.s-team a:hover { color: var(--accent); text-decoration: underline; }
.s-team-cell { min-width: 172px; }

/* --- ladder ---------------------------------------------------------- */

.s-ladder .s-pos { width: 36px; color: var(--muted); }
.s-ladder .s-pts { font-weight: 700; color: var(--text); }
.s-ladder td.num, .s-ladder th.num { width: 58px; }
.s-ladder td.s-team-cell, .s-ladder th:nth-child(2) { width: auto; }

/* Per-round ladder snapshot — AFL Tables style: always visible beside that
   round's matches (70/30 split), never a click-to-reveal disclosure. */
.s-round-grid { display: grid; grid-template-columns: 7fr 3fr; gap: 18px; align-items: start; margin-top: 14px; }
.s-round-grid--solo { grid-template-columns: 1fr; }
.s-round-matches, .s-round-ladder { min-width: 0; }
.s-round-ladder-title {
  margin: 0 0 6px; color: var(--muted);
  font-family: var(--font-mono); font-size: 10px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase;
}

/* Compact ladder table: smaller font/padding, fixed column widths that sum
   to 100% (table-layout: fixed + border-box) so nothing can overflow its
   30%-wide column, and a narrower column set (position, team, played,
   W-L-D, %, points) than the full 10-column ladderTable(). */
.s-cl { table-layout: fixed; }
.s-cl th, .s-cl td { padding: 6px 5px; font-size: 11px; box-sizing: border-box; overflow: hidden; }
.s-cl .s-team { gap: 5px; max-width: 100%; }
.s-cl .s-team span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s-cl th:nth-child(1), .s-cl td:nth-child(1) { width: 7%; color: var(--muted); }
.s-cl th:nth-child(2), .s-cl td:nth-child(2) { width: 39%; }
.s-cl th:nth-child(3), .s-cl td:nth-child(3) { width: 10%; }
.s-cl th:nth-child(4), .s-cl td:nth-child(4) { width: 17%; }
.s-cl th:nth-child(5), .s-cl td:nth-child(5) { width: 15%; }
.s-cl th:nth-child(6), .s-cl td:nth-child(6) { width: 12%; }
.s-cl td.s-cl-pts { font-weight: 700; color: var(--text); }

/* --- matches --------------------------------------------------------- */

.s-matches tbody tr.s-match { cursor: pointer; }
.s-matches .s-winner { font-weight: 700; }
.s-matches a { color: var(--accent); text-decoration: none; }
.s-matches a:hover { text-decoration: underline; }

/* Quarter-by-quarter drill-in, revealed by clicking a match row. */
.s-qtr-row > td { padding: 0; background: var(--surface-raised); }
.s-qtr { padding: 12px 14px; }
.s-qtr-table { font-size: 12px; }
.s-qtr-table th { position: static; background: transparent; }
.s-qtr-table td.num, .s-qtr-table th.num { width: 92px; }
.s-qtr .b-note { margin-top: 6px; }

@media (max-width: 700px) {
  .s-team-cell { min-width: 132px; }
  .s-ladder td.num, .s-ladder th.num { width: 46px; }
  .s-round-grid, .s-round-grid--solo { grid-template-columns: 1fr; }
  .s-round-ladder { margin-top: 4px; }
}