/* Make TinyMCE tables responsive and prevent overflow */
.cms-content table {
    width: 100% !important;
    max-width: 100%;
    table-layout: auto;
    word-break: break-word;
}

.cms-content td,
.cms-content th {
    word-break: break-word;
    white-space: normal !important;
}

.cms-content img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Optional: Add horizontal scrolling for very wide tables */
.cms-content {
    overflow-x: auto;
}