/**
 * Styles for ONLY the "Your Tier · X / Credit cards matched to your
 * score" header above the recommended-cards grid (see
 * meridian_render_recommended_cards() in cards.php).
 *
 * Everything else in that function stays inline on purpose — see the
 * comment at the top of cards.php for why. This file exists because this
 * one header was specifically asked to be pulled out into real CSS.
 *
 * every class here is prefixed .kredscore-cards- , a prefix not used by
 * fh-dashboard.css, profile.css, or any of the per-bureau stylesheets —
 * checked directly against all of them before this file was written, so
 * this cannot silently override or be overridden by another module's
 * rule with the same class name.
 */
.kredscore-cards-section-header {
  margin-bottom: 22px;
}
.kredscore-cards-eyebrow {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #7c3aed;
  font-weight: 600;
}
.kredscore-cards-heading {
  font-family: 'Fraunces', serif;
  font-weight: 700;
  font-size: 22px;
  color: #0f172a;
  margin: 8px 0 6px;
}
.kredscore-cards-sub {
  font-size: 13px;
  color: #64748b;
  max-width: 640px;
  margin: 0;
}