/* ═══════════════════════════════════════════════════════════════
   DIAGNOSTICS INDEX  (/diagnostics/)
   Layout + component classes are shared with the specialities index
   (specialities-index.css is enqueued alongside this file). This sheet
   only carries what's specific to diagnostics: the Astra container reset
   under this page's body class, and the parent-coloured type badges.
   ═══════════════════════════════════════════════════════════════ */

/* ── Astra container reset ───────────────────────────────────── */
.diagnostics-index-page .ast-container {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
}

/* ── Diagnostic category badges (by parent term) ─────────────── */
.cond-badge--imaging {
  background: hsl(var(--accent) / 0.12);
  color: hsl(var(--accent));
}

.cond-badge--laboratory {
  background: hsl(var(--info) / 0.14);
  color: hsl(199 88% 36%);
}

.cond-badge--monitoring-and-clinical-support {
  background: hsl(268 60% 55% / 0.14);
  color: hsl(268 52% 47%);
}

/* ── Left-border accent so the three categories read apart at a
   glance (mirrors the conditions-and-procedures cards). Thickens and
   colours the left edge of the shared 1px card border. ────────── */
.cond-card {
  border-left-width: 3px;
  border-left-color: transparent;
}

.cond-card--imaging {
  border-left-color: hsl(var(--accent) / 0.6);
}

.cond-card--laboratory {
  border-left-color: hsl(199 88% 36% / 0.6);
}

.cond-card--monitoring-and-clinical-support {
  border-left-color: hsl(268 52% 47% / 0.6);
}