.legal-subprocessors__table-region {
    max-width: 100%;
}

.legal-subprocessors__table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.9rem;
    line-height: 1.25rem;
}

.legal-subprocessors__table th,
.legal-subprocessors__table td {
    padding: 1rem;
    border: var(--border-width) solid var(--edge);
    text-align: left;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.legal-subprocessors__table thead th {
    font-weight: 650;
    background: var(--blue-fade-10);
}

.legal-subprocessors__table tbody th {
    font-weight: 650;
}

.legal-subprocessors__table code {
    font-size: 0.9em;
}

@media (max-width: 60rem) {
    .legal-subprocessors__table,
    .legal-subprocessors__table tbody,
    .legal-subprocessors__table tr,
    .legal-subprocessors__table th,
    .legal-subprocessors__table td {
        display: block;
        width: 100%;
    }

    .legal-subprocessors__table {
        border-top: var(--border-width) solid var(--edge);
    }

    .legal-subprocessors__table thead {
        position: absolute;
        width: 0.0625rem;
        height: 0.0625rem;
        padding: 0;
        margin: -0.0625rem;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
        border: 0;
    }

    .legal-subprocessors__table tr {
        padding: 1rem 0;
        border-right: var(--border-width) solid var(--edge);
        border-bottom: var(--border-width) solid var(--edge);
        border-left: var(--border-width) solid var(--edge);
    }

    .legal-subprocessors__table th,
    .legal-subprocessors__table td {
        padding: 0.5rem 1rem;
        border: 0;
    }

    .legal-subprocessors__table th::before,
    .legal-subprocessors__table td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 0.25rem;
        font-size: 0.8rem;
        font-weight: 650;
        color: var(--smoke);
    }
}