/* ==========================================================================
   LEECOI — Course catalogue (/courses/)
   ==========================================================================

   Small on purpose. The page hero, breadcrumbs and closing band all live in
   components.css, because seven pages in this family use them and a shared
   block copied into two page stylesheets is a shared block that will drift.

   What remains here is the one thing only this page has.
   ========================================================================== */

/* ==========================================================================
   TRACK CARD COUNTS
   --------------------------------------------------------------------------
   Module, phase and capstone counts under a published track's summary. Absent
   entirely on the four unwritten tracks, rather than rendered as zeroes: a row
   of "0 modules" reads as a broken page rather than an honest one.
   ========================================================================== */

.track-card__counts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs) var(--space-md);

  margin-block-start: var(--space-xs);
  font-family: var(--font-mono);
  font-size: 0.75rem;
  color: var(--muted);
}

/* A dot between entries, drawn in CSS rather than typed into the markup, so it
   is not announced as punctuation between every count. */
.track-card__counts > li + li::before {
  content: '';
  display: inline-block;
  inline-size: 3px;
  block-size: 3px;
  border-radius: var(--radius-pill);
  background-color: var(--line-strong);
  vertical-align: middle;
  margin-inline-end: var(--space-md);
}

.track-card__counts span {
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}