/*
 * Opt-in card-grid utility for small, known item sets.
 *
 * Set --hg-balanced-columns for the intended wide-desktop row and optionally
 * --hg-balanced-tablet-columns / --hg-balanced-narrow-columns for smaller
 * layouts. This avoids accidental 3 + 1 or 5 + 1 rows without changing grids
 * that benefit from auto-fit.
 */
.hg-balanced-card-grid {
  display: grid;
  grid-template-columns: repeat(var(--hg-balanced-columns, 3), minmax(0, 1fr));
}

@media (max-width: 1359px) {
  .hg-balanced-card-grid {
    grid-template-columns: repeat(var(--hg-balanced-tablet-columns, var(--hg-balanced-columns, 3)), minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .hg-balanced-card-grid {
    grid-template-columns: repeat(var(--hg-balanced-narrow-columns, 2), minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .hg-balanced-card-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}