/*
 * Roster grid — replaces the old <table> layout for team rosters.
 *
 * The column template (Pos / # / Name / optional Attendance) is set inline on
 * `.roster-grid` so the column count can vary per render. Each row is a subgrid
 * spanning all columns, which keeps every row's cells aligned to the container's
 * columns while letting a single row element carry the goalie highlight background
 * (continuous across cells and the column gap, unlike per-cell table backgrounds).
 */
.roster-grid {
    display: grid;
    column-gap: 0.5rem;
}

.roster-grid > .roster-grid-row {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
    align-items: center;
}

.roster-grid > .roster-grid-header {
    color: var(--bs-secondary-color);
    font-weight: 600;
    border-bottom: 1px solid var(--bs-border-color);
}