/* Field mapping cards — wraps a table + description in a compact card */

.section-table {
    margin-block: var(--s1);
}

.section-table-title {
    margin-block-end: var(--s-2);
}

.section-table-card {
    background: var(--color-light);
    border-color: var(--color-lightish);
    border-radius: var(--border-radius);
}

.section-table-card table {
    font-size: var(--font-size-sm);
    margin-block-end: 0;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

.section-table-card table > thead,
.section-table-card table > tbody {
    table-layout: fixed;
    width: 100%;
}

.section-table-card th,
.section-table-card td {
    border: 1px solid var(--color-lightish);
    padding: 5px;
    /* drop the width: 50% — let table-layout: fixed distribute evenly */
}

.section-table-card p {
    font-size: var(--font-size-sm);
    color: var(--color-darkish);
    margin-block-start: var(--s-2);
    margin-block-end: 0;
}

.section-table-color {
    position: absolute;
    z-index: -1;
    margin-top: -100px;
    margin-left: 10%;
    opacity: 0.22;
}