/* ---------------------------------------------------------------------------
   "Il programma in breve" — three stat cards over a faded Italy contour map,
   closed by the Statement line. Stats stack on mobile, sit 3-up from tablet.

   Title uses the shared .ils-heading--lg .ils-eyebrow scale (--type-section-
   title-*, see components.css) like every other section title on the page —
   this band doesn't get its own size/weight, so the whole site reads as one
   consistent heading hierarchy instead of a different scale per section.
   --------------------------------------------------------------------------- */

/* 100%, not none — the shared .ils-heading--center caps width at 62ch for
   reading-width intros, which this big display headline doesn't need; but
   max-width: none also removes the base .ils-heading rule's viewport-
   safety cap, letting the divider's fixed pixel width push this heading
   past a mobile viewport (same overflow bug fixed on Come funziona). */
.program-summary .ils-heading--center { max-width: 100%; }

/* 15px measured on the live site — noticeably tighter than the shared
   --grid-gutter (24px) used elsewhere. */
.program-summary__stats {
  display: grid;
  gap: 15px;
}

@media (min-width: 600px) {
  .program-summary__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}