/* =====================================================================
   ic-typo-polish.css — rifinitura tipografica conservativa, sito-wide.
   2026-06-08. Obiettivi: titoli hero con peso display adeguato (no 400
   troppo sottile), leggibilità dei testi (interlinea + lunghezza riga),
   gerarchia coerente. Caricato per ultimo. Non cambia i font, solo peso/
   interlinea/larghezza per una migliore impaginazione.
   ===================================================================== */

/* ── FIX GLOBALE: ic-editorial-skin forza `h1{font-weight:400!important}` su
   TUTTI i titoli rendendoli sottili/stonati. Ripristiniamo pesi display sensati. ── */
html body h1 { font-weight: 700 !important; }
html body h2 { font-weight: 700 !important; }
html body h3 { font-weight: 600 !important; }

/* ── Titoli HERO: peso display 600 (era 400 sottile), interlinea compatta ──
   Selettori larghi per coprire le molte varianti di hero del sito
   (.ic-esplora-hero, .of-hero, .nt-hero, .a11y-hero, section.hero, ...). */
html body [class*="-hero"] h1,
html body [class*="hero-"] h1,
html body [class*="hero__"] h1,
html body section[class*="hero"] h1,
html body .of-hero__title,
html body .nt-hero__title,
html body .a11y-hero__title,
html body .ic-esplora-hero h1,
html body .hero-content h1 {
  font-weight: 600 !important;
  letter-spacing: -.012em !important;
  line-height: 1.1 !important;
  text-wrap: balance;
}

/* ── Sottotitoli / lead HERO: riga leggibile (~60ch) + interlinea morbida ── */
html body .of-hero__sub,
html body .nt-hero__sub,
html body .a11y-hero__lead,
html body .ic-page-hero__sub,
html body section.hero h1 + p,
html body .hero__sub,
html body .section-hero__lead {
  max-width: 62ch !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.55 !important;
  text-wrap: pretty;
}

/* ── Occhielli / kicker: spaziatura coerente, niente trattino iniziale stonato ── */
html body .of-hero__kicker,
html body .nt-hero__kicker,
html body .ic-hero__kicker {
  letter-spacing: .12em !important;
  font-weight: 700 !important;
}

/* ── Corpo del testo nelle sezioni di contenuto: interlinea leggibile ── */
html body .a11y-content p,
html body .of-shell p,
html body .nt-content p,
html body .section-prose p,
html body .ic-prose p {
  line-height: 1.6 !important;
}

/* ── Titoli di sezione (h2) centrati: text-wrap balance per spezzature pulite ── */
html body main h2 { text-wrap: balance; }
