/* Keep the legacy ELS classes, with shared editor/frontend layout rules. */
.els-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    width: 100%;
    margin: 40px 0;
}
.els-columns.els-columns--thirds { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.els-columns.els-columns--quarters { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.els-columns.els-columns--one-two { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.els-columns.els-columns--two-one { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.els-columns > .els-column {
    width: auto;
    min-width: 0;
    float: none;
    margin: 0;
}
.els-column img { max-width: 100%; height: auto; }
.els-column > :first-child { margin-top: 0; }
.els-column > :last-child { margin-bottom: 0; }
@media (max-width: 768px) {
    .els-columns.one-half-grid,
    .els-columns.thirds-grid,
    .els-columns.fourths_wrap,
    .els-columns.two_third-grid { grid-template-columns: minmax(0, 1fr); }
}