/* mCMS rows & columns (CKEditor "Columns" button). Used by the public site and the editor.
 * Row: .mc-row.mc-cols-N (N = 1..12 tracks)   Column: .mc-col.mc-span-K (K tracks)
 * Responsive: > 900px as designed · 641–900px = 2 columns · ≤ 640px = 1 column. */
.mc-row{--n:1;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:1.5rem;margin:1.5rem 0}
.mc-col{min-width:0}
.mc-col>:first-child{margin-top:0}
.mc-col>:last-child{margin-bottom:0}
.mc-cols-1{--n:1}.mc-cols-2{--n:2}.mc-cols-3{--n:3}.mc-cols-4{--n:4}.mc-cols-5{--n:5}.mc-cols-6{--n:6}
.mc-cols-7{--n:7}.mc-cols-8{--n:8}.mc-cols-9{--n:9}.mc-cols-10{--n:10}.mc-cols-11{--n:11}.mc-cols-12{--n:12}
.mc-span-1{grid-column:span 1}.mc-span-2{grid-column:span 2}.mc-span-3{grid-column:span 3}.mc-span-4{grid-column:span 4}
.mc-span-5{grid-column:span 5}.mc-span-6{grid-column:span 6}.mc-span-7{grid-column:span 7}.mc-span-8{grid-column:span 8}
.mc-span-9{grid-column:span 9}.mc-span-10{grid-column:span 10}.mc-span-11{grid-column:span 11}.mc-span-12{grid-column:span 12}
.mc-col img,.mc-col iframe,.mc-col table{max-width:100%}
@media (max-width:900px){
  /* rows with 3+ columns become 2 columns on tablets; two-column rows keep their proportions (e.g. 1/3 + 2/3) */
  .mc-row:has(>.mc-col:nth-child(3)){--n:2}
  .mc-row:has(>.mc-col:nth-child(3))>.mc-col{grid-column:auto}
}
@media (max-width:640px){
  .mc-row{--n:1!important;gap:1rem}
  .mc-row>.mc-col{grid-column:auto!important}
}
/* editor only */
.ck-content .mc-row.ck-widget{padding:.4rem;outline:1px dashed #9aa5b1}
.ck-content .mc-col.ck-editor__editable{min-height:3rem;padding:.4rem .6rem;border:1px dashed #c3cbd4;border-radius:4px;background:rgba(0,0,0,.015)}
.ck-content .mc-col.ck-editor__editable.ck-focused{border-color:#2a6df4;box-shadow:none}
