/* ============================================================
   CATEGORIES PAGE (categories.php) — loaded with pagekit.css
   (category card styles themselves live in pagekit.css)
   The grid adapts to however many categories exist.
   ============================================================ */
.cat-grid { display: grid; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 640px) { .cat-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 18px; } }
@media (min-width: 960px) { .cat-grid { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 22px; } }