/* Responsive corrections loaded after the main MiniVibe styles. */

@media (max-width: 760px) {
    /* Keep the standard one-rem viewport gutter when a container also carries
       a layout class whose overflow guard sets width: 100%. */
    .mv-container {
        width: min(var(--mv-max), calc(100vw - 2rem));
        max-width: calc(100vw - 2rem);
    }

    /* Two- and three-column editorial tables should fit the reading column.
       Wider tables retain horizontal scrolling from the base table styles. */
    .mv-table-wrap table:not(:has(th:nth-child(4))) {
        min-width: 0;
        table-layout: fixed;
        font-size: 0.88rem;
    }

    .mv-table-wrap table:not(:has(th:nth-child(4))) th,
    .mv-table-wrap table:not(:has(th:nth-child(4))) td {
        padding: 0.7rem 0.65rem;
        overflow-wrap: anywhere;
        hyphens: auto;
    }
}