/*= The testimonial cards themselves are the shared testimonial_card macro
/*= (macros/elements/cards.html), fully styled with Tailwind. Only the auto-fit
/*= grid lives here — it can't be expressed cleanly as a utility class. */

/*+ Card grid — cards never shrink below 345px; the column count reflows with the
/*= viewport (1 → 2 → 3 → 4). `min(345px, 100%)` keeps a single card from
/*= overflowing on phones narrower than 345px. Gaps match the Figma (20px / 28px). */
.testimonial-grid__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(345px, 100%), 1fr));
    column-gap: 20px;
    row-gap: 28px;
    align-items: stretch;
}