.table {
    display:flex;
    flex-direction:column;
    max-width:min-content;
    border:0.0625rem solid var(--thm-text);
    border-radius:0.5rem 0.5rem 0.75rem 0.75rem;
    overflow: hidden;
}
.table .header {
    font-weight:500;
}
.table .header,
.table .row {
    display:grid;
    grid-template-columns: repeat(var(--rows), 10rem);
    gap:0.25rem;
    padding:0.25rem 0.5rem;
}
.table .header .cell,
.table .row .cell {
    width:100%;
    min-width:0;
    text-align: center;
}
.table .header {
    background:var(--inv-text);
    padding:0.25rem;
    border-bottom:0.0625rem solid var(--thm-text);
}
.table .row {
    padding-block:0.25rem;
}
.table .row:nth-child(odd) {
    background:var(--inv-text);
}
.table .row .cell.span-all {
    grid-column: 1 / -1;
}
.table .row:not(:last-child) {
    border-bottom:0.0625rem dashed var(--thm-text);
}