/* BALLISTICS101 CHART SYSTEM | shared table appearance, fluid dimensions */
#ballistics-chart,
#ballistics-chartb,
.ballistics-table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    background: #fff;
    color: #343638;
    font: 12px/1.5 Arial, Helvetica, sans-serif;
}

#ballistics-chart th,
#ballistics-chartb th,
.ballistics-table th {
    background: #bfc3c6;
    color: #202020;
    font-size: 12px;
    font-weight: 700;
    padding: 11px;
    border: 1px solid #c5c5c5;
    text-align: center;
}

#ballistics-chart td,
#ballistics-chartb td,
.ballistics-table td {
    background: #f5f5f5;
    color: #202020;
    padding: 11px;
    border: 1px solid #d5d5d5;
    text-align: center;
}

/* Manufacturer name cells: dark background, white text, red rules at both ends. */
#ballistics-chart td.ammunition-type-header,
#ballistics-chartb td.ammunition-type-header,
.ballistics-table td.ammunition-type-header {
    background: #62666a;
    color: #fff;
    text-align: left;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #c92b2e;
    border-right: 1px solid #c92b2e;
}

#ballistics-chart .ammunition-type-header h2,
#ballistics-chartb .ammunition-type-header h2,
.ballistics-table .ammunition-type-header h2 {
    margin: 0;
    font: 700 13px/1.4 Arial, Helvetica, sans-serif;
}

#ballistics-chart tr:hover td:not(.ammunition-type-header),
#ballistics-chartb tr:hover td:not(.ammunition-type-header),
.ballistics-table tr:hover td:not(.ammunition-type-header) {
    background: #f8eded;
}

@media (max-width: 700px) {
    #ballistics-chart,
    #ballistics-chartb,
    .ballistics-table { font-size: 11px; }
    #ballistics-chart th,
    #ballistics-chart td,
    #ballistics-chartb th,
    #ballistics-chartb td,
    .ballistics-table th,
    .ballistics-table td { padding: 7px 5px; }
}

/* Manufacturer labels follow the shared chart palette. */
#ballistics-chart td.ammunition-type-header h2,
#ballistics-chartb td.ammunition-type-header h2,
.ballistics-table td.ammunition-type-header h2 {
    color: #fff;
    padding: 0;
    letter-spacing: .4px;
}

/* Shared responsive behavior for all ballistics tables. */
@media (max-width: 700px) {
    .b101-chart-scroll > :is(#ballistics-chart, #ballistics-chartb, .ballistics-table) {
        width: 100%;
        min-width: 0;
        table-layout: fixed;
    }
    .b101-chart-scroll > :is(#ballistics-chart, #ballistics-chartb, .ballistics-table) th,
    .b101-chart-scroll > :is(#ballistics-chart, #ballistics-chartb, .ballistics-table) td {
        overflow-wrap: anywhere;
        word-break: normal;
        padding: 7px 3px;
        font-size: 10px;
    }
}