/* ==========================================================================
   MILEX — CATEGORY TEMPLATE (T2)
   A page-title block followed by a grid of category cards, nothing else
   between it and the footer.

   The card itself (.c-card and its parts) is a shared component and lives in
   components.css — this sheet only lays the grid out. Pages using this
   template must NOT load home.css.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Card grid
   -------------------------------------------------------------------------- */

.s-catgrid { padding-bottom: var(--space-section); }

/* The cards carry their own 1:1 ratio, so every row is even by construction —
   align-items is spelled out so a later change cannot make it ragged. */
.s-catgrid__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--grid-gap);
  align-items: stretch;
}

/* --------------------------------------------------------------------------
   2. Responsive
   3 columns ≥1120px · 2 columns 768–1119px · 1 column <768px.
   Card titles step to 20px below 768 through --fs-h3-fluid, which reaches its
   floor at that width — no extra rule needed.
   -------------------------------------------------------------------------- */

@media (max-width: 1119px) {
  .s-catgrid__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
  .s-catgrid__grid { grid-template-columns: 1fr; }
}