.section-tables {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.section-tables--width-full {
    max-width: none;
}

.section-tables--width-max {
    width: 85%;
}

.section-tables--width-content {
    width: max-content;
    max-width: 100%;
}

.section-tables--align-left {
    margin-left: 0;
    margin-right: auto;
}

.section-tables--align-center {
    margin-left: auto;
    margin-right: auto;
}

.section-tables--align-right {
    margin-left: auto;
    margin-right: 0;
}

.section-tables__scroll {
    width: 100%;
    overflow-x: auto;
}

.section-tables__table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

.section-tables--width-content .section-tables__table {
    width: auto;
}

.section-tables--equal .section-tables__table {
    table-layout: fixed;
}

.section-tables--gapped .section-tables__table {
    border-collapse: separate;
    border-spacing: var(--table-cell-gap);
}

.section-tables--first-fixed .section-tables__cell { overflow-wrap: anywhere; }
.section-tables--first-fixed .section-tables__cell img { max-width: 100%; height: auto; }
.section-tables--layout-explicit.section-tables--equal.section-tables--width-content { width: 100%; }
.section-tables--layout-explicit.section-tables--equal.section-tables--width-content .section-tables__table { width: 100%; }

.section-tables__table th,
.section-tables__table td {
    padding: 0;
    border: 0;
    vertical-align: top;
    background-color: transparent;
}

.section-tables--grid-all .section-tables__table th,
.section-tables--grid-all .section-tables__table td {
    border: 1px solid var(--table-grid-color, #d9e7e8);
}

.section-tables--grid-inner .section-tables__table th,
.section-tables--grid-inner .section-tables__table td {
    border-right: 1px solid var(--table-grid-color, #d9e7e8);
    border-bottom: 1px solid var(--table-grid-color, #d9e7e8);
}

.section-tables--grid-inner .section-tables__table tr > *:last-child {
    border-right: 0;
}

.section-tables--grid-inner .section-tables__table tr:last-child > * {
    border-bottom: 0;
}

.section-tables__table th {
    font-weight: 700;
    text-align: left;
}

.section-tables__cell {
    box-sizing: border-box;
    width: 100%;
    min-height: 0;
    padding: 14px 16px;
}

.section-tables__cell--preset-none:not(.section-tables__cell--custom-border) {
    border-color: transparent !important;
}

.section-tables__cell--preset-borderline {
    border: 2px solid #006068;
    border-radius: 10px;
}

.section-tables__cell--preset-highlight {
    background-color: #edf7f6;
    border: 1px solid #006068;
    border-radius: 10px;
}

.section-tables__cell--preset-header {
    background-color: #006068;
    color: #fff;
    border-radius: 10px;
    font-weight: 700;
}

.section-tables__cell > :first-child {
    margin-top: 0;
}

.section-tables__cell > :last-child {
    margin-bottom: 0;
}

.section-tables__cell[style*="--table-cell-text-color"] :where(p, h1, h2, h3, h4, h5, h6, li, a) {
    color: var(--table-cell-text-color);
}

.section-tables__mobile-label { display: none; }

@media (max-width: 767px) {
    .section-tables__cell {
        padding: 12px 14px;
    }

    .section-tables__table {
        min-width: 640px;
    }

    .section-tables__table th,
    .section-tables__table td {
        padding: 0;
    }

    :is(.section-tables--mobile-cards, .section-tables--mobile-wrap, .section-tables--mobile-columns) {
        max-width: 100%;
    }
    :is(.section-tables--mobile-cards, .section-tables--mobile-wrap, .section-tables--mobile-columns):not(.section-tables--width-max) {
        width: 100%;
    }
    :is(.section-tables--mobile-cards, .section-tables--mobile-wrap, .section-tables--mobile-columns) .section-tables__table {
        width: 100%;
        min-width: 0;
    }
    :is(.section-tables--mobile-cards, .section-tables--mobile-wrap, .section-tables--mobile-columns) .section-tables__cell {
        min-width: 0;
        overflow-wrap: anywhere;
    }
    :is(.section-tables--mobile-cards, .section-tables--mobile-wrap, .section-tables--mobile-columns) .section-tables__cell img {
        max-width: 100%;
        height: auto;
    }
    :is(.section-tables--mobile-cards, .section-tables--mobile-wrap, .section-tables--mobile-columns) .section-tables__cell pre {
        white-space: pre-wrap;
        overflow-wrap: anywhere;
    }
    :is(.section-tables--mobile-cards, .section-tables--mobile-wrap, .section-tables--mobile-columns) .section-tables__table > colgroup { display: none; }
    .section-tables--mobile-columns .section-tables__table { display: block; }
    .section-tables--mobile-columns .section-tables__table > tbody {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .section-tables--mobile-columns .section-tables__table > tbody > tr { display: contents; }
    .section-tables--mobile-columns .section-tables__table > tbody > tr > :is(td, th) {
        display: block;
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        order: var(--table-mobile-order);
    }
    .section-tables--mobile-wrap .section-tables__table { table-layout: fixed; }
    .section-tables--mobile-cards .section-tables__table,
    .section-tables--mobile-cards .section-tables__table > tbody { display: block; }
    .section-tables--mobile-cards .section-tables__table > tbody > tr {
        display: block;
        margin-bottom: 16px;
        padding: 12px;
        border: 1px solid #d9e7e8;
        border-radius: 10px;
    }
    .section-tables--mobile-cards .section-tables__table > tbody > .section-tables__header-row {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        padding: 0;
        border: 0;
        margin: -1px;
    }
    .section-tables--mobile-cards .section-tables__table > tbody > tr > :is(td, th) {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-width: 0;
        border: 0;
        margin-bottom: 12px;
    }
    .section-tables--mobile-cards .section-tables__table > tbody > tr > :last-child { margin-bottom: 0; }
    .section-tables--mobile-cards .section-tables__mobile-label:not(:empty) {
        display: block;
        order: -1;
        margin: 0 0 6px;
        color: #006068;
        font-weight: 600;
        overflow-wrap: anywhere;
    }
    .section-tables--gapped.section-tables--mobile-columns .section-tables__table > tbody {
        gap: var(--table-cell-gap);
    }
    .section-tables--gapped.section-tables--mobile-cards .section-tables__table > tbody > tr,
    .section-tables--gapped.section-tables--mobile-cards .section-tables__table > tbody > tr > :is(td, th):not(:last-child) {
        margin-bottom: var(--table-cell-gap);
    }
}

@media (max-width: 700px) {
    .section-tables--width-max {
        width: 92%;
    }
}
