/**
 * Container: 33 / 66
 *
 * Left slot one-third (33 %), right slot two-thirds (66 %).
 *
 * Breakpoint behaviour:
 *   Mobile  (< 768px):  slots stack (full width)
 *   Tablet+ (≥ 768px):  left = 1fr, right = 2fr
 */

/* ── Grid wrapper ── */
.container-33-66 {
  display: grid;
  grid-template-columns: 1fr;
  align-items: stretch;
  gap: var(--grid-gutter, 12px);
  width: 100%;
}

.container-33-66 > .container__slot {
  min-width: 0;
  min-height: 0;
  height: 100%;
}

@media (min-width: 768px) {
  .container-33-66 {
    grid-template-columns: 1fr 2fr;
    height: 100%;
  }
}