/**
 * Fix: Tables overflowing accordion panels on mobile/small screens
 *
 * Root cause: Long URLs and text in single-column tables push the
 * table wider than the accordion. The base theme sets
 * word-break: normal on td, and table-layout: auto (default)
 * lets tables ignore width constraints.
 *
 * Uses !important to override base theme specificity where needed.
 */

.z-accordion-item {
    max-width: 100%;
    min-width: 0;
}

.z-accordion-item__panel {
    min-width: 0;
    max-width: 100%;
}

.z-accordion-item__panel figure.wp-block-table {
    max-width: 100% !important;
}

.z-accordion-item__panel .z-media__overflow {
    max-width: 100% !important;
}

.z-accordion-item__panel table {
    table-layout: fixed !important;
    width: 100% !important;
    overflow-wrap: break-word;
    word-break: break-word;
}

.z-accordion-item__panel td,
.z-accordion-item__panel th {
    overflow-wrap: break-word !important;
    word-break: break-word !important;
}

.z-accordion-item__panel td a,
.z-accordion-item__panel th a {
    word-break: break-all !important;
}