/* ==========================================================================
   COUNTRY-SCOPED SPECIALTY (p-country · cs-) — the page-level composition layer
   for /countries/:iso/specialties/:slug, the focused slice of the country issue.

   The page reuses the profile's own apparatus wholesale — the imprimatur head
   (.pc-imprimatur), the coverage banner (.pc-coverage), the evidence accordion
   (_domain_summary → .pc-domain / .pc-factor / .pc-absence), the section heads
   (.pc-section__*) — so this file holds ONLY the one composition the profile
   lacks: the two-way factor table, where each factor doors into the country's
   report (the depth) AND its worldwide leaderboard (the field). It reuses the
   factor-list component (.op-factor-list__*) for the grouping and the go-link, and
   adds just the score column + the coverage subline. Tokens only, below
   01-settings; this sorts after every 06-components file.
   ========================================================================== */

/* the two-way factor row — factor (name + coverage subline) · score · rank-out */
.cs-axis__row {
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: var(--space-sm) var(--space-md);
}

/* the factor cell: the report doorway over its across-countries coverage */
.cs-axis__factor {
  display: grid;
  gap: var(--space-3xs);
  min-inline-size: 0;
}
.cs-axis__cov {
  font-family: var(--font-furniture);
  font-size: var(--text-2xs);
  letter-spacing: var(--tracking-wide);
  color: var(--text-secondary);
}
.cs-axis__cov.is-empty { color: var(--text-muted); font-style: italic; }

/* the score column — the escorted badge, left-set so a blank score reads as a
   ruled "—" rather than a gap */
.cs-axis__score { justify-self: start; }

/* mobile — the row folds: the factor spans the width, the badge and the
   rank-out door drop to a second line so the column never crushes. Folds at the
   same 40rem the factor-list component (.op-factor-list__row) it extends folds at,
   so the two never disagree across the 35–40rem band. */
@media (max-width: 40rem) {
  .cs-axis__row {
    grid-template-columns: 1fr auto;
    align-items: center;
  }
  .cs-axis__factor { grid-column: 1 / -1; }
  .cs-axis__score { grid-column: 1; }
}