/* Mobile: keep table layout, allow horizontal scroll */
@media (max-width: 768px) {
    /* Ensure the container can scroll horizontally */
    .page-content.page-content-with-table .table-container {
        display: block;
        width: 100%;
        overflow-x: auto !important;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch; /* smooth on iOS */
        overscroll-behavior-x: contain;
    }

    /* Prevent cells from wrapping so the user scrolls sideways */
    .page-content.page-content-with-table .data-table {
        width: 100%;
        min-width: 640px; /* adjust if you need more/less */
        border-collapse: collapse;
    }

        .page-content.page-content-with-table .data-table th,
        .page-content.page-content-with-table .data-table td {
            white-space: nowrap !important; /* keep one line to force scroll */
        }
}

@media (max-width: 768px) {
    .page-content.page-content-with-table,
    .section-body,
    .section-table {
        overflow: visible !important;
    }
}