/* regions — the generic card grid.
   Card, grid and two-up behaviour all come from base.css. Only the highlight
   line is this block's own.

   Baseball widens this grid to auto-fit above 1280px, which becomes five or six
   very narrow columns on a large display; the shared .grid--cards caps the
   measure instead. */
.regions .sec__inner { display: flex; flex-direction: column; align-items: flex-start; }
.regions__grid { width: 100%; }
.region-card .card__name { font-size: var(--fs-h2); }
.region-card__count {
  color: var(--accent-deep);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: var(--weight-bold);
}
.tone--navy .region-card__count { color: var(--accent-decor); }