/* Content tables use the document's scrolling, never an inner scroll box. */
:is(.next-public, .next-management) :is(#club-content, #next-content) :is(.table-responsive, .next-table-scroll, .next-club-table-scroll, .card-body:has(> table)) {
    overflow: visible;
    max-height: none;
}
:is(.next-public, .next-management) :is(#club-content, #next-content) .next-table-fluid {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    table-layout: auto;
    overflow-wrap: anywhere;
}
:is(.next-public, .next-management) :is(#club-content, #next-content) .next-table-fluid :is(th, td) {
    min-width: 0;
    width: auto;
    white-space: normal;
}
/* Keep classification rider identities intact even in wide points matrices. */
:is(.next-public, .next-management) :is(#club-content, #next-content) .classification-scores-table .rider-name-no-wrap {
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}
/* Compact point columns while preserving the rider's normal text size. */
:is(.next-public, .next-management) :is(#club-content, #next-content) .classification-scores-table .point_list_race_title {
    font-size: 11px;
    line-height: 1.4;
}
:is(.next-public, .next-management) :is(#club-content, #next-content) .classification-scores-table :is(th, td):not(.rider-name-no-wrap):not([colspan]) {
    padding-left: 6px;
    padding-right: 6px;
}
/* Keep the real column headings available for sorting and assistive technology.
   On narrow screens each ordinary record becomes a labelled vertical list. */
@media screen and (max-width: 991px) {
    :is(.next-public, .next-management) :is(#club-content, #next-content) .next-table-stack,
    :is(.next-public, .next-management) :is(#club-content, #next-content) .next-table-stack :is(thead, tbody, tfoot, tr, th, td) {
        display: block;
        width: 100%;
    }
    :is(.next-public, .next-management) :is(#club-content, #next-content) .next-table-stack thead tr {
        display: flex;
        flex-wrap: wrap;
    }
    :is(.next-public, .next-management) :is(#club-content, #next-content) .next-table-stack thead th {
        width: auto;
        flex: 1 1 auto;
    }
    :is(.next-public, .next-management) :is(#club-content, #next-content) .next-table-stack tbody tr {
        margin-bottom: 16px;
        border: 1px solid var(--club-line, var(--next-line));
    }
    :is(.next-public, .next-management) :is(#club-content, #next-content) .next-table-stack tbody :is(td, th)::before {
        content: attr(data-column-label);
        display: block;
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 4px;
    }
}
