/* Match report (Fixtures/Live and the league's weekly round-up). Four columns so a phone fits a
   whole line: name, legs (average), name, legs (average). Columns size to their content: names wrap
   between words (never mid-word - "Manselto/n" on a phone), scores never wrap. */
.match-report-table {
    width: 100%;
    max-width: 46rem;
}

.match-report-table th,
.match-report-table td {
    font-weight: 400;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.match-report-table .mr-name {
    overflow-wrap: break-word;
}

.match-report-table .mr-score {
    white-space: nowrap;
    width: 1%;
    padding-right: 0.6rem;
    font-variant-numeric: tabular-nums;
}

.match-report-table .mr-legs {
    display: inline-block;
    min-width: 1.1rem;
    text-align: center;
}

.match-report-table .mr-avg {
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.875em;
}

.match-report-table .match-report-team th,
.match-report-table .match-report-team td {
    font-size: 1.05rem;
    border-bottom-width: 2px;
}

.match-report-table .is-winner {
    font-weight: 700;
}

@media (max-width: 420px) {
    .match-report-table {
        font-size: 0.85rem;
    }

    .match-report-table .match-report-team th,
    .match-report-table .match-report-team td {
        font-size: 0.95rem;
    }
}

/* Visit-by-visit sheet: the two sides next to each other, one row per pair of visits. */
.visit-sheet {
    font-variant-numeric: tabular-nums;
}

.visit-sheet th,
.visit-sheet td {
    text-align: center;
    padding: 0.15rem 0.35rem;
}

.visit-sheet .vs-left {
    color: var(--bs-secondary-color, #6c757d);
}

.visit-sheet .vs-out {
    font-weight: 700;
}

.visit-sheet .vs-bust {
    color: var(--bs-danger, #dc3545);
}

.visit-sheet caption {
    caption-side: top;
    font-weight: 600;
    color: inherit;
}

/* League report tables: compact, headers on one line (phones scroll the table sideways). */
.league-report-table {
    font-size: 0.92rem;
}

.league-report-table th {
    white-space: nowrap;
}

/* Match Report Detail: one compact table per leg (home, darts, away), centred under its game. */
.leg-compact {
    width: auto;
    min-width: 16rem;
    margin-left: auto;
    margin-right: auto;
}

.leg-compact th,
.leg-compact td {
    padding: 0.1rem 0.75rem;
}