/**
 * Card grid.
 *
 * Two rules. Everything visible in this section already exists in the kit and
 * is composed rather than copied:
 *
 *   .grid, .grid--2/3/4     pages.css §6, including the 1000px and 720px
 *                           collapses
 *   .card, .card--lift      pages.css §6
 *   .card__icon             pages.css §6, including the 22px svg
 *   .card__foot             pages.css §6 – `margin-top:auto` is what lines the
 *                           card links up when the cards are different lengths.
 *                           The mock-ups did this with `.card p { flex:1 }` in
 *                           three separate page namespaces; the kit already
 *                           had the answer.
 *   .numbered               pages.css §6, counters rather than typed numbers
 *   .section-head--center
 *   .section-head           base.css §3 carries the block-end margin by
 *                           default, which is exactly the
 *                           `margin:0 auto var(--s-6)` the mock-ups inlined
 */

/* 404.html `.p-routes .link-cta`: a card's link sits with the card's own text,
   which is --text-s, rather than at body size. */
.card-grid__link {
  font-size: var(--text-s);
}

/* jobs.html `.p-guide-link`: the one link that follows on from the whole grid,
   centred under it. */
.card-grid__foot {
  display: flex;
  justify-content: center;
  margin-block-start: var(--s-5);
}