/* 05-objects/grid — intrinsic auto-fit grid + a few fixed-column variants.
   Prefer the intrinsic default; the fixed variants collapse to 1 col on mobile. */
.o-grid {
  display: grid;
  gap: var(--o-grid-gap, var(--gap));
  grid-template-columns: repeat(auto-fit, minmax(var(--o-grid-min, 16rem), 1fr));
}

/* Fixed-column variants (mobile-first: 1 column, then N). */
.o-grid--2, .o-grid--3, .o-grid--4 { grid-template-columns: 1fr; }
@media (min-width: 47.5rem) {
  .o-grid--2 { grid-template-columns: repeat(2, 1fr); }
  .o-grid--3 { grid-template-columns: repeat(3, 1fr); }
  .o-grid--4 { grid-template-columns: repeat(4, 1fr); }
}