/* Layout utilities for grid based designs */

/* Generic card grid used by calendar and news */
.card-grid{
  display: grid;
  gap: 1.25rem;
}

/* Standard: 1 column on mobile, scale up on larger screens */
@media (min-width: 600px){
  .card-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 992px){
  .card-grid{ grid-template-columns: repeat(3, 1fr); }
}