/* Two-Column RTE Widget - Frontend */
.rte-columns-block {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 20px 0;
}

.rte-columns-block[data-column-ratio="60-40"] {
    grid-template-columns: 60fr 40fr;
}

.rte-columns-block[data-column-ratio="40-60"] {
    grid-template-columns: 40fr 60fr;
}

.rte-columns-block[data-column-ratio="70-30"] {
    grid-template-columns: 70fr 30fr;
}

.rte-columns-block[data-column-ratio="30-70"] {
    grid-template-columns: 30fr 70fr;
}

.rte-columns-block .column-left,
.rte-columns-block .column-right {
    width: auto !important;
}

/* Responsive: stack on mobile */
@media (max-width: 768px) {
    .rte-columns-block {
        grid-template-columns: 1fr !important;
    }
}