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

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

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