/* Content element r2_textmedia_multicolumn — multi-column text/media grid */

    .frame-type-r2_textmedia_multicolumn > .grid{
        display:grid;
        gap:calc(2 * var(--gap));
        grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
    }
        .frame-type-r2_textmedia_multicolumn > .grid > div{
            display:flex; flex-direction:column;
        }
        .frame-type-r2_textmedia_multicolumn > .grid > div.valign-top{ justify-content:flex-start; }
        .frame-type-r2_textmedia_multicolumn > .grid > div.valign-center{ justify-content:center; }
        .frame-type-r2_textmedia_multicolumn > .grid > div.valign-bottom{ justify-content:flex-end; }

            .frame-type-r2_textmedia_multicolumn .ce-image + .ce-bodytext{ margin-top:1em; }
            .frame-type-r2_textmedia_multicolumn .ce-image + .ce-bodytext > :first-child{ margin-top:0; }

@media screen and (min-width:801px){
    /* Desktop: keep editorial columns 1|2|3 LTR even when DOM follows mobile stack order */
    .frame-type-r2_textmedia_multicolumn > .grid > [data-column="1"]{ order:1; }
    .frame-type-r2_textmedia_multicolumn > .grid > [data-column="2"]{ order:2; }
    .frame-type-r2_textmedia_multicolumn > .grid > [data-column="3"]{ order:3; }

    .frame-type-r2_textmedia_multicolumn .ce-bodytext > :first-child{ margin-top:0; }
}
@media screen and (max-width:800px){
    .frame-type-r2_textmedia_multicolumn > .grid{ display:block; }
        .frame-type-r2_textmedia_multicolumn > .grid > div + div{ margin-top:var(--gap); }
        .frame-type-r2_textmedia_multicolumn > .grid > div{ justify-content:flex-start; }
}