table {
    border-collapse: collapse;
}

table.growable {
    width: 100%;
}

table td {
    padding: 0.25em;
    white-space: pre;
}

table th.big {
    width: 100%;
}

table thead th {
    border-bottom: 0.1em solid #96305a;
    border-bottom: 0.1em solid var(--sc-style-color-logo-burgundy);
    padding-right: 1em;
    text-align: left;
}

table tfoot {
    background-color: #96305a;
    background-color: var(--sc-style-color-logo-burgundy);
    color: #efefef;
    color: var(--sc-style-color-white);
}

@media (prefers-color-scheme: dark) {
    table.selectable tbody tr:hover {
        background-color: var(--sc-style-color-dark-gray);
    }
}
  
@media (prefers-color-scheme: light) {
    table.selectable tbody tr:hover {
        background-color: var(--sc-style-color-light-gray);
    }
}