/* ==========================================================
   ALL ROUNDER CALCULATOR — SMART CALCULATOR INTELLIGENCE
   Version 2.2 — Phase 3

   Deliberately reuses the existing .status-banner (5 color
   variants), .stat-grid/.stat-pill, and .grade-dist components
   already defined in style.css — no new colors are introduced.
   This file only adds the small amount of new layout needed to
   present those existing pieces together as one "smart card".
   ========================================================== */

.smart-card {
  margin-top: 16px;
}

.smart-card__line {
  margin-top: 10px;
  font-size: 0.88rem;
  color: var(--clr-text-muted);
  line-height: 1.55;
}
.smart-card__line strong {
  color: var(--clr-text);
}

/* Small inline icon glyphs used inside status banners (Excellent/Good/etc.)
   Text-based, no icon font or image request required. */
.smart-card__icon {
  margin-right: 6px;
}