.dsa-table-host {
    min-width: 0;
    max-width: 100%;
    overflow: visible;
}

.dsa-table-scroll {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.dsa-table-scroll:focus-visible {
    outline: 3px solid var(--border-action-high-blue-france, #000091);
    outline-offset: -3px;
}

/* The container scrolls; the table keeps its native row/column semantics. */
.dsa-table-scroll > table {
    display: table;
    width: 100%;
    max-width: none;
    overflow: visible;
}

@media print {
    .dsa-table-scroll {
        overflow: visible;
    }
}