/**
 * Generated by the CKEditor 5 Div Widget module from its breakpoint
 * settings (wide: 50em, 4–5 columns: 62em; tablet: 35em). Do not edit,
 * change the settings instead. See css/box.css for the layouts.
 */

/* Wide: the edited layout. */
@container (width >= 50em) {
  .box,
  .box > .div-widget-inner { grid-template-columns: var(--box-cols, minmax(0, 1fr)); }
  .box > .span-2,
  .box > .div-widget-inner > .span-2 { grid-column: span 2; }
  .box > .span-3,
  .box > .div-widget-inner > .span-3 { grid-column: span 3; }
  .box > .span-4,
  .box > .div-widget-inner > .span-4 { grid-column: span 4; }
  .box:not([class*="cols-"]) > .span-2,
  .box:not([class*="cols-"]) > .div-widget-inner > .span-2 { grid-column: auto; }
  .box:not([class*="cols-"]) > .span-3,
  .box:not([class*="cols-"]) > .div-widget-inner > .span-3 { grid-column: auto; }
  .box:not([class*="cols-"]) > .span-4,
  .box:not([class*="cols-"]) > .div-widget-inner > .span-4 { grid-column: auto; }
  .box:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .span-3,
  .box:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .div-widget-inner > .span-3 { grid-column: 1 / -1; }
  .box:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .span-4,
  .box:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .div-widget-inner > .span-4 { grid-column: 1 / -1; }
  .box:is(.cols-3, .cols-1-1-2, .cols-1-2-1, .cols-2-1-1) > .span-4,
  .box:is(.cols-3, .cols-1-1-2, .cols-1-2-1, .cols-2-1-1) > .div-widget-inner > .span-4 { grid-column: 1 / -1; }
}

/* Medium (tablet): default 2 columns; item overrides last. */
@container (35em <= width < 50em) {
  .box,
  .box > .div-widget-inner { grid-template-columns: var(--box-cols-2, var(--box-cols, minmax(0, 1fr))); }
  .box.mid-full,
  .box.mid-full > .div-widget-inner { grid-template-columns: var(--box-cols, minmax(0, 1fr)); }
  .box.mid-3,
  .box.mid-3 > .div-widget-inner { grid-template-columns: var(--box-cols-3, var(--box-cols, minmax(0, 1fr))); }
  .box.mid-1,
  .box.mid-1 > .div-widget-inner { grid-template-columns: minmax(0, 1fr); }
  .box > .span-2,
  .box > .div-widget-inner > .span-2 { grid-column: 1 / -1; }
  .box > .span-3,
  .box > .div-widget-inner > .span-3 { grid-column: 1 / -1; }
  .box > .span-4,
  .box > .div-widget-inner > .span-4 { grid-column: 1 / -1; }
  .box:is(.cols-3, .cols-4, .cols-5, .cols-1-1-2, .cols-1-2-1, .cols-2-1-1) > .span-2,
  .box:is(.cols-3, .cols-4, .cols-5, .cols-1-1-2, .cols-1-2-1, .cols-2-1-1) > .div-widget-inner > .span-2 { grid-column: auto; }
  .box.mid-full > .span-2,
  .box.mid-full > .div-widget-inner > .span-2 { grid-column: span 2; }
  .box.mid-full > .span-3,
  .box.mid-full > .div-widget-inner > .span-3 { grid-column: span 3; }
  .box.mid-full > .span-4,
  .box.mid-full > .div-widget-inner > .span-4 { grid-column: span 4; }
  .box.mid-full:not([class*="cols-"]) > .span-2,
  .box.mid-full:not([class*="cols-"]) > .div-widget-inner > .span-2 { grid-column: auto; }
  .box.mid-full:not([class*="cols-"]) > .span-3,
  .box.mid-full:not([class*="cols-"]) > .div-widget-inner > .span-3 { grid-column: auto; }
  .box.mid-full:not([class*="cols-"]) > .span-4,
  .box.mid-full:not([class*="cols-"]) > .div-widget-inner > .span-4 { grid-column: auto; }
  .box.mid-full:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .span-3,
  .box.mid-full:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .div-widget-inner > .span-3 { grid-column: 1 / -1; }
  .box.mid-full:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .span-4,
  .box.mid-full:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .div-widget-inner > .span-4 { grid-column: 1 / -1; }
  .box.mid-full:is(.cols-3, .cols-1-1-2, .cols-1-2-1, .cols-2-1-1) > .span-4,
  .box.mid-full:is(.cols-3, .cols-1-1-2, .cols-1-2-1, .cols-2-1-1) > .div-widget-inner > .span-4 { grid-column: 1 / -1; }
  .box.mid-3 > .span-2,
  .box.mid-3 > .div-widget-inner > .span-2 { grid-column: span 2; }
  .box.mid-3 > .span-3,
  .box.mid-3 > .div-widget-inner > .span-3 { grid-column: span 3; }
  .box.mid-3 > .span-4,
  .box.mid-3 > .div-widget-inner > .span-4 { grid-column: span 4; }
  .box.mid-3:not([class*="cols-"]) > .span-2,
  .box.mid-3:not([class*="cols-"]) > .div-widget-inner > .span-2 { grid-column: auto; }
  .box.mid-3:not([class*="cols-"]) > .span-3,
  .box.mid-3:not([class*="cols-"]) > .div-widget-inner > .span-3 { grid-column: auto; }
  .box.mid-3:not([class*="cols-"]) > .span-4,
  .box.mid-3:not([class*="cols-"]) > .div-widget-inner > .span-4 { grid-column: auto; }
  .box.mid-3:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .span-3,
  .box.mid-3:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .div-widget-inner > .span-3 { grid-column: 1 / -1; }
  .box.mid-3:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .span-4,
  .box.mid-3:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .div-widget-inner > .span-4 { grid-column: 1 / -1; }
  .box.mid-3:is(.cols-3, .cols-1-1-2, .cols-1-2-1, .cols-2-1-1) > .span-4,
  .box.mid-3:is(.cols-3, .cols-1-1-2, .cols-1-2-1, .cols-2-1-1) > .div-widget-inner > .span-4 { grid-column: 1 / -1; }
  .box.mid-3:is(.cols-4, .cols-5) > .span-2,
  .box.mid-3:is(.cols-4, .cols-5) > .div-widget-inner > .span-2 { grid-column: auto; }
  .box.mid-3:is(.cols-4, .cols-5) > .span-3,
  .box.mid-3:is(.cols-4, .cols-5) > .div-widget-inner > .span-3 { grid-column: auto; }
  .box.mid-3:is(.cols-4, .cols-5) > .span-4,
  .box.mid-3:is(.cols-4, .cols-5) > .div-widget-inner > .span-4 { grid-column: 1 / -1; }
  .box.mid-1 > .span-2,
  .box.mid-1 > .div-widget-inner > .span-2 { grid-column: auto; }
  .box.mid-1 > .span-3,
  .box.mid-1 > .div-widget-inner > .span-3 { grid-column: auto; }
  .box.mid-1 > .span-4,
  .box.mid-1 > .div-widget-inner > .span-4 { grid-column: auto; }
  /* Item overrides. */
  .box:not(.mid-1) > .item.mid-span-1,
  .box:not(.mid-1) > .div-widget-inner > .item.mid-span-1 { grid-column: auto; }
  .box:not(.mid-1) > .item.mid-span-2,
  .box:not(.mid-1) > .div-widget-inner > .item.mid-span-2 { grid-column: span 2; }
  .box:not(.mid-1) > .item.mid-col-full,
  .box:not(.mid-1) > .div-widget-inner > .item.mid-col-full { grid-column: 1 / -1; }
  .box:not(.mid-1):not([class*="cols-"]) > .item.mid-span-2,
  .box:not(.mid-1):not([class*="cols-"]) > .div-widget-inner > .item.mid-span-2 { grid-column: auto; }
}

/* Medium for 4–5 columns up to their wide breakpoint. */
@container (50em <= width < 62em) {
  .box:is(.cols-4, .cols-5),
  .box:is(.cols-4, .cols-5) > .div-widget-inner { grid-template-columns: var(--box-cols-2, var(--box-cols, minmax(0, 1fr))); }
  .box:is(.cols-4, .cols-5).mid-full,
  .box:is(.cols-4, .cols-5).mid-full > .div-widget-inner { grid-template-columns: var(--box-cols, minmax(0, 1fr)); }
  .box:is(.cols-4, .cols-5).mid-3,
  .box:is(.cols-4, .cols-5).mid-3 > .div-widget-inner { grid-template-columns: var(--box-cols-3, var(--box-cols, minmax(0, 1fr))); }
  .box:is(.cols-4, .cols-5).mid-1,
  .box:is(.cols-4, .cols-5).mid-1 > .div-widget-inner { grid-template-columns: minmax(0, 1fr); }
  .box:is(.cols-4, .cols-5) > .span-2,
  .box:is(.cols-4, .cols-5) > .div-widget-inner > .span-2 { grid-column: 1 / -1; }
  .box:is(.cols-4, .cols-5) > .span-3,
  .box:is(.cols-4, .cols-5) > .div-widget-inner > .span-3 { grid-column: 1 / -1; }
  .box:is(.cols-4, .cols-5) > .span-4,
  .box:is(.cols-4, .cols-5) > .div-widget-inner > .span-4 { grid-column: 1 / -1; }
  .box:is(.cols-4, .cols-5) > .span-2,
  .box:is(.cols-4, .cols-5) > .div-widget-inner > .span-2 { grid-column: auto; }
  .box:is(.cols-4, .cols-5).mid-full > .span-2,
  .box:is(.cols-4, .cols-5).mid-full > .div-widget-inner > .span-2 { grid-column: span 2; }
  .box:is(.cols-4, .cols-5).mid-full > .span-3,
  .box:is(.cols-4, .cols-5).mid-full > .div-widget-inner > .span-3 { grid-column: span 3; }
  .box:is(.cols-4, .cols-5).mid-full > .span-4,
  .box:is(.cols-4, .cols-5).mid-full > .div-widget-inner > .span-4 { grid-column: span 4; }
  .box:is(.cols-4, .cols-5).mid-3 > .span-2,
  .box:is(.cols-4, .cols-5).mid-3 > .div-widget-inner > .span-2 { grid-column: span 2; }
  .box:is(.cols-4, .cols-5).mid-3 > .span-3,
  .box:is(.cols-4, .cols-5).mid-3 > .div-widget-inner > .span-3 { grid-column: span 3; }
  .box:is(.cols-4, .cols-5).mid-3 > .span-4,
  .box:is(.cols-4, .cols-5).mid-3 > .div-widget-inner > .span-4 { grid-column: span 4; }
  .box:is(.cols-4, .cols-5).mid-3 > .span-2,
  .box:is(.cols-4, .cols-5).mid-3 > .div-widget-inner > .span-2 { grid-column: auto; }
  .box:is(.cols-4, .cols-5).mid-3 > .span-3,
  .box:is(.cols-4, .cols-5).mid-3 > .div-widget-inner > .span-3 { grid-column: auto; }
  .box:is(.cols-4, .cols-5).mid-3 > .span-4,
  .box:is(.cols-4, .cols-5).mid-3 > .div-widget-inner > .span-4 { grid-column: 1 / -1; }
  .box:is(.cols-4, .cols-5).mid-1 > .span-2,
  .box:is(.cols-4, .cols-5).mid-1 > .div-widget-inner > .span-2 { grid-column: auto; }
  .box:is(.cols-4, .cols-5).mid-1 > .span-3,
  .box:is(.cols-4, .cols-5).mid-1 > .div-widget-inner > .span-3 { grid-column: auto; }
  .box:is(.cols-4, .cols-5).mid-1 > .span-4,
  .box:is(.cols-4, .cols-5).mid-1 > .div-widget-inner > .span-4 { grid-column: auto; }
  /* Item overrides. */
  .box:is(.cols-4, .cols-5):not(.mid-1) > .item.mid-span-1,
  .box:is(.cols-4, .cols-5):not(.mid-1) > .div-widget-inner > .item.mid-span-1 { grid-column: auto; }
  .box:is(.cols-4, .cols-5):not(.mid-1) > .item.mid-span-2,
  .box:is(.cols-4, .cols-5):not(.mid-1) > .div-widget-inner > .item.mid-span-2 { grid-column: span 2; }
  .box:is(.cols-4, .cols-5):not(.mid-1) > .item.mid-col-full,
  .box:is(.cols-4, .cols-5):not(.mid-1) > .div-widget-inner > .item.mid-col-full { grid-column: 1 / -1; }
}

/* Narrow (mobile): default 1 column. */
@container (width < 35em) {
  .box,
  .box > .div-widget-inner { grid-template-columns: minmax(0, 1fr); }
  .box.narrow-full,
  .box.narrow-full > .div-widget-inner { grid-template-columns: var(--box-cols, minmax(0, 1fr)); }
  .box.narrow-3,
  .box.narrow-3 > .div-widget-inner { grid-template-columns: var(--box-cols-3, var(--box-cols, minmax(0, 1fr))); }
  .box.narrow-2,
  .box.narrow-2 > .div-widget-inner { grid-template-columns: var(--box-cols-2, var(--box-cols, minmax(0, 1fr))); }
  .box > .span-2,
  .box > .div-widget-inner > .span-2 { grid-column: auto; }
  .box > .span-3,
  .box > .div-widget-inner > .span-3 { grid-column: auto; }
  .box > .span-4,
  .box > .div-widget-inner > .span-4 { grid-column: auto; }
  .box.narrow-full > .span-2,
  .box.narrow-full > .div-widget-inner > .span-2 { grid-column: span 2; }
  .box.narrow-full > .span-3,
  .box.narrow-full > .div-widget-inner > .span-3 { grid-column: span 3; }
  .box.narrow-full > .span-4,
  .box.narrow-full > .div-widget-inner > .span-4 { grid-column: span 4; }
  .box.narrow-full:not([class*="cols-"]) > .span-2,
  .box.narrow-full:not([class*="cols-"]) > .div-widget-inner > .span-2 { grid-column: auto; }
  .box.narrow-full:not([class*="cols-"]) > .span-3,
  .box.narrow-full:not([class*="cols-"]) > .div-widget-inner > .span-3 { grid-column: auto; }
  .box.narrow-full:not([class*="cols-"]) > .span-4,
  .box.narrow-full:not([class*="cols-"]) > .div-widget-inner > .span-4 { grid-column: auto; }
  .box.narrow-full:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .span-3,
  .box.narrow-full:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .div-widget-inner > .span-3 { grid-column: 1 / -1; }
  .box.narrow-full:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .span-4,
  .box.narrow-full:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .div-widget-inner > .span-4 { grid-column: 1 / -1; }
  .box.narrow-full:is(.cols-3, .cols-1-1-2, .cols-1-2-1, .cols-2-1-1) > .span-4,
  .box.narrow-full:is(.cols-3, .cols-1-1-2, .cols-1-2-1, .cols-2-1-1) > .div-widget-inner > .span-4 { grid-column: 1 / -1; }
  .box.narrow-3 > .span-2,
  .box.narrow-3 > .div-widget-inner > .span-2 { grid-column: span 2; }
  .box.narrow-3 > .span-3,
  .box.narrow-3 > .div-widget-inner > .span-3 { grid-column: span 3; }
  .box.narrow-3 > .span-4,
  .box.narrow-3 > .div-widget-inner > .span-4 { grid-column: span 4; }
  .box.narrow-3:not([class*="cols-"]) > .span-2,
  .box.narrow-3:not([class*="cols-"]) > .div-widget-inner > .span-2 { grid-column: auto; }
  .box.narrow-3:not([class*="cols-"]) > .span-3,
  .box.narrow-3:not([class*="cols-"]) > .div-widget-inner > .span-3 { grid-column: auto; }
  .box.narrow-3:not([class*="cols-"]) > .span-4,
  .box.narrow-3:not([class*="cols-"]) > .div-widget-inner > .span-4 { grid-column: auto; }
  .box.narrow-3:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .span-3,
  .box.narrow-3:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .div-widget-inner > .span-3 { grid-column: 1 / -1; }
  .box.narrow-3:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .span-4,
  .box.narrow-3:is(.cols-2, .cols-1-2, .cols-2-1, .cols-1-3, .cols-3-1, .cols-2-3, .cols-3-2, .cols-fill-auto, .cols-auto-fill) > .div-widget-inner > .span-4 { grid-column: 1 / -1; }
  .box.narrow-3:is(.cols-3, .cols-1-1-2, .cols-1-2-1, .cols-2-1-1) > .span-4,
  .box.narrow-3:is(.cols-3, .cols-1-1-2, .cols-1-2-1, .cols-2-1-1) > .div-widget-inner > .span-4 { grid-column: 1 / -1; }
  .box.narrow-3:is(.cols-4, .cols-5) > .span-2,
  .box.narrow-3:is(.cols-4, .cols-5) > .div-widget-inner > .span-2 { grid-column: auto; }
  .box.narrow-3:is(.cols-4, .cols-5) > .span-3,
  .box.narrow-3:is(.cols-4, .cols-5) > .div-widget-inner > .span-3 { grid-column: auto; }
  .box.narrow-3:is(.cols-4, .cols-5) > .span-4,
  .box.narrow-3:is(.cols-4, .cols-5) > .div-widget-inner > .span-4 { grid-column: 1 / -1; }
  .box.narrow-2 > .span-2,
  .box.narrow-2 > .div-widget-inner > .span-2 { grid-column: 1 / -1; }
  .box.narrow-2 > .span-3,
  .box.narrow-2 > .div-widget-inner > .span-3 { grid-column: 1 / -1; }
  .box.narrow-2 > .span-4,
  .box.narrow-2 > .div-widget-inner > .span-4 { grid-column: 1 / -1; }
  .box.narrow-2:is(.cols-3, .cols-4, .cols-5, .cols-1-1-2, .cols-1-2-1, .cols-2-1-1) > .span-2,
  .box.narrow-2:is(.cols-3, .cols-4, .cols-5, .cols-1-1-2, .cols-1-2-1, .cols-2-1-1) > .div-widget-inner > .span-2 { grid-column: auto; }
}