.layout-container-wrapper {
  container-type: inline-size;
  container-name: layout-component;
  width: 100%;
  box-sizing: border-box;
}

.layout-two-col-grid {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;

  /* Fall back to 24px if --layout-gap is somehow missing */
  gap: var(--layout-gap, 24px);

  &.reach-breakpoint {
    grid-template-columns: var(--template-columns);
  }
}