/* =====================================================================
 * season-leaders.css — Season Leaders page (/football/season-leaders/)
 *
 * Conditionally loaded by goldendome_enqueue_season_leaders_css() on the
 * season-leaders route only. Each leaderboard is the sitewide `.data-table`;
 * this sheet adds just the surface-specific touches:
 *   1. The grid that lays the per-category boards two-up on wide viewports,
 *      one-up on mobile (60% of traffic) and inside the narrower body-col.
 *   2. The compact leaderboard block (heading + narrow rank column + the
 *      left-aligned player cell + the emphasized "primary" ranked column).
 *   3. The footnote caption under the grid.
 *
 * Mirrors assets/css/head-coaches.css. Layout spacing follows the per-surface
 * sheet convention (raw px); colors come from tokens.
 * ===================================================================== */

/* 1. Board grid — one-up by default, two-up once the body-col is wide enough. */
.page--season-leaders .season-leaders-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 32px 28px;
}

@media (min-width: 1100px) {
	.page--season-leaders .season-leaders-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* 2. Leaderboard block. */
.page--season-leaders .leaderboard {
	min-width: 0; /* let the grid cell shrink; the table scrolls if it must. */
}

.page--season-leaders .leaderboard__title {
	font-family: var(--font-mono);
	font-size: 12px;
	letter-spacing: var(--tracking-mono-loose);
	text-transform: uppercase;
	color: var(--nd-green);
	font-weight: 700;
	margin: 0 0 12px;
}

.page--season-leaders .leaderboard__title::before {
	content: "";
	display: block;
	width: 22px;
	height: 2px;
	background: var(--nd-gold);
	margin-bottom: 12px;
}

/* The table can overflow its grid cell on very narrow screens — let it scroll
 * rather than crush the columns. */
.page--season-leaders .leaderboard__table {
	width: 100%;
	display: block;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* Compact cells — these boards live two-up inside the body-col, so tighten the
 * horizontal padding the sitewide .data-table sets so all columns fit without
 * clipping. Numbers align on tabular figures. */
.page--season-leaders .leaderboard__table th,
.page--season-leaders .leaderboard__table td {
	padding-left: 8px;
	padding-right: 8px;
}
.page--season-leaders .leaderboard__table th:first-child,
.page--season-leaders .leaderboard__table td:first-child {
	padding-left: 12px;
}
.page--season-leaders .leaderboard__table th:last-child,
.page--season-leaders .leaderboard__table td:last-child {
	padding-right: 12px;
}
.page--season-leaders .leaderboard__table td {
	font-variant-numeric: tabular-nums;
}

/* Narrow, quiet rank column. */
.page--season-leaders .leaderboard__rank {
	width: 1%;
	white-space: nowrap;
	color: var(--text-muted);
}

/* Player name — left-aligned; allow long names to wrap so a two-up board never
 * pushes the number columns off the edge. Stat cells stay on one line. */
.page--season-leaders .leaderboard__player {
	text-align: left;
	white-space: normal;
	min-width: 8.5em;
}
.page--season-leaders .leaderboard__table td.center {
	white-space: nowrap;
}

/* The ranked ("primary") stat column reads a touch heavier so the eye lands
 * on the number the board is sorted by. */
.page--season-leaders .leaderboard__primary {
	font-weight: 700;
	color: var(--text);
}

/* 3. Footnote under the grid — quiet, small caption. */
.page--season-leaders .season-leaders-note {
	margin-top: 20px;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--text-muted);
}