/* =============================================================================
   ONS-AANBOD COLUMN LAYOUT
   Used by: ons-aanbod page only.
   Text/table content — uses CSS multi-column (top-to-bottom fill).
   Intentionally separate from the image gallery masonry layout.
   Breakpoints: 1280px / 768px  →  3 / 2 / 1 columns.
   ============================================================================= */

.aanbod-columns {
    column-count: 2;
    column-gap: 1.5rem;
}

@media (min-width: 1280px) {
    .aanbod-columns {
        column-count: 3;
    }
}

@media (max-width: 768px) {
    .aanbod-columns {
        column-count: 1;
        column-gap: 1rem;
    }
}

.aanbod-item {
    margin-bottom: 1.5rem;
    page-break-inside: avoid;
    break-inside: avoid;
}

@media (max-width: 768px) {
    .aanbod-item {
        margin-bottom: 1rem;
    }
}

/* Prevent content overflow and ensure proper text wrapping */
.aanbod-item > div {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

/* Fix table/list content */
.aanbod-item .prose table {
    width: 100%;
    table-layout: fixed;
    word-break: break-word;
}

.aanbod-item .prose td,
.aanbod-item .prose th {
    word-wrap: break-word;
    overflow-wrap: break-word;
}