/**
 * @file
 * Grid system.
 *
 * Interior pages use Olivero's .grid-full regions. Content children span
 * the full container (see layout-content-medium.css /
 * layout-content-narrow.css), matching homepage section width.
 */

.grid-full {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(var(--grid-col-count), minmax(0, 1fr));
  grid-column-gap: var(--grid-gap);

  /* .grid-full classes nested 3 or more deep go full width. */
}

.grid-full .grid-full .grid-full {
  display: block;
}

/*
  Nested .grid-full stays on the full column track of its parent layout.
*/

.layout--content-narrow .grid-full,
.layout--pass--content-narrow > * .grid-full,
.layout--content-medium .grid-full,
.layout--pass--content-medium > * .grid-full {
  grid-template-columns: repeat(var(--grid-col-count), minmax(0, 1fr));
}