/* The catalog grid. Consumers: Course Catalog, Blog. Three columns at
   1440 give the frame's 427 exactly. Tiers from fit math on the card's
   track floor (305, see Courses) plus the gap token: three columns fit
   from 1065, two from 660 (gutters switch at 988). Below 660 the
   single column is uncapped like Pricing's stacked cards — PROPOSED. */
.card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr; /* every card the tallest one's height, her call */
  gap: var(--gap-content-to-cta);
}
@media (max-width: 1064.98px) {
  .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Full-width cards, 20 apart — her calls. */
@media (max-width: 659.98px) {
  .card-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
}