/* ══════════════════════════════════════════════════════════════════════════
   "תמונת מצב" — the deterministic, data-driven identity-hero summary shared by
   model.php ("סקירת הדגם בישראל") AND maker.php ("{maker} בישראל – תמונת מצב").
   Fills the SAME slot inside the hero card (a flex-column child of the hero
   card, given flex:1 to fill the card's reserved height) on both pages — only
   the content/wiring differs (includes/model_summary.php vs
   includes/maker_summary.php); the visual design is ONE shared component.
   The all-years text is SSR and final; a filtered year/range scope rewrites
   the body/note text in place (assets are unchanged either way). Originally
   model.php-only CSS (assets/ui-v2/model.css); moved here unchanged when the
   maker summary was added, so both pages load ONE copy instead of duplicating
   ~60 lines.
   ══════════════════════════════════════════════════════════════════════════ */
.cl2-md-summary {
  flex: 1;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--border);
}

.cl2-md-summary[hidden] {
  display: none;
}

/* Compact label-style heading — matches the old "סיכום AI" block's actual
   presentation (icon + text, blue accent, uppercase, letter-spaced, 14px/600),
   just without the AI-specific icon/wording. This is a lightweight label
   sitting directly under the 40px H1, not a competing black article title. */
.cl2-md-summary-heading {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 10px;
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.3;
  color: var(--accent);
}

.cl2-md-summary-icon {
  flex: 0 0 auto;
  opacity: 0.85;
}

.cl2-md-summary-body {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--text);
}

.cl2-md-summary-note {
  margin: 10px 0 0;
  padding-top: 10px;
  border-top: 1px solid var(--border);
  font-size: 10.5px;
  line-height: 1.5;
  color: var(--text-muted);
}