/* Versione 5 · 2026-07-24 · gerarchia tipografica differenziata */
/* ============================================================
   SCALA TIPOGRAFICA UNICA DEL SITO
   Caricata per ultima. Armonizza il TITOLO DI PAGINA e il CORPO
   del testo, che devono essere coerenti ovunque; coordina inoltre
   gerarchia dei titoli, sottotitoli delle aperture e giustificazione
   della prosa, preservando le scelte dei singoli componenti.
   ============================================================ */

/* --- TITOLO DI PAGINA: una sola misura per tutto il sito --- */
.hero h1,.bio-hero h1,.post-hero h1,.archive-hero h1,
.hero-text h1,.hero-inner h1,main>h1,main>section>h1,body>h1,
.store-hub-intro h1,.cv-hero-inner h1{
  font-size:clamp(2.05rem,4.3vw,2.75rem)!important;
  line-height:1.16!important;
  letter-spacing:-.005em;
}

/* --- pagine narrative e storiche: apertura piu' ampia, ma una sola misura --- */
.page-biografia-completa .bio-hero h1,
.page-radici-totalita .bio-hero h1,
.page-vincenzo-bellisario .bio-hero h1,
.page-nicola-bellisario .bio-hero h1,
.page-scuola-totalita-storia .bio-hero h1{
  font-size:clamp(2.4rem,5.4vw,3.5rem)!important;
}

/* --- la home conserva il proprio impianto: l'insegna e i nomi sono il fulcro --- */
.page-index #hero-title{font-size:clamp(1.15rem,2vw,1.5rem)!important;line-height:1.35!important}

/* --- TITOLI DI SEZIONE nel corpo: una sola misura --- */
main>section>h2,main>h2,.bio-main h2,article>h2{
  font-size:clamp(1.5rem,2.5vw,1.75rem)!important;
  line-height:1.26!important;
}

/* --- CORPO DEL TESTO: una sola misura e una sola interlinea --- */
main p,section p,article p,main li,section li,article li{
  font-size:1rem!important;
  line-height:1.7!important;
}

/* --- elementi con misura propria: restano come sono --- */
.kicker,.bio-kicker,.archive-kicker,.tl-year,.meta,figcaption,
.footer-heading,footer p,footer a,footer li,
.card-text,.book-card-text,.comp-card p,.tl-item p,.pub-item p,.contact-card p,
.doc-item p,.store-channels-lead,.store-hub-lead,
.hero p,.hero-inner p,.bio-hero p,.post-hero p,.archive-hero p,
.cta-box p,.cta-band p,.faq-a,.faq-q{font-size:revert!important;line-height:revert!important}

/* --- ALLINEAMENTO: gerarchia differenziata e coerente --- */
/* I titoli conservano l'allineamento previsto dai componenti originari:
   H1 e grandi aperture restano centrati quando la composizione lo richiede;
   H2, H3 e H4 interni seguono invece l'asse di lettura del contenuto.
   Nessun titolo viene mai giustificato. */
main h1,main h2,main h3,main h4,
section h1,section h2,section h3,section h4,
article h1,article h2,article h3,article h4{
  text-align-last:auto;
  hyphens:manual;
  -webkit-hyphens:manual;
}

/* Sottotitoli e informazioni delle hero centrate seguono il titolo. */
.page-index .hero>.sub,.page-index .hero>.orari,
.hero-inner p,.bio-hero p,.post-hero p,.archive-hero p,
.store-hub-intro p,.cv-hero-inner p,
.glb-hero-shell p,.article-page .article-eyebrow,.article-page .article-sub,
.hero>.container>p,.error-wrap p,.grazie-wrap p,.box p{
  text-align:center;
  text-align-last:center;
  margin-left:auto;
  margin-right:auto;
  hyphens:manual;
}

/* Prosa editoriale giustificata su schermi adeguati. */
main p,section p,article p{
  text-align:justify;
  text-align-last:left;
  hyphens:auto;
  -webkit-hyphens:auto;
}

/* Componenti brevi o funzionali: nessuna dilatazione artificiale delle parole. */
.hero-text p,.hero-left p,
.cta-box p,.cta-band p,.cta-section p,.regional-cta p,
.contact-card p,.home-contact-card p,.contatti-info p,
.faq-a p,.faq-q p,.article-toc p,
[class*="card"] p,[class*="item"] p,[class*="info"] p,
.svc p,.paper p,.panel-card p,.article-teaser p,.rel-card p,
.meta,.kicker,.bio-kicker,.archive-kicker,
figcaption,.date,.role,.orcid-inline,.hero-identifiers,.hero-orcid-note{
  text-align:left;
  text-align-last:left;
  hyphens:manual;
}

@media(max-width:720px){
  main p,section p,article p{
    text-align:left;
    text-align-last:left;
    hyphens:manual;
    -webkit-hyphens:manual;
  }
  .page-index .hero>.sub,.page-index .hero>.orari,
  .hero-inner p,.bio-hero p,.post-hero p,.archive-hero p,
  .store-hub-intro p,.cv-hero-inner p,
  .glb-hero-shell p,.article-page .article-eyebrow,.article-page .article-sub,
  .hero>.container>p,.error-wrap p,.grazie-wrap p,.box p{
    text-align:center;
    text-align-last:center;
  }
}

/* --- Raffinamenti ad alta specificita' per componenti storici --- */
/* Le carte del profilo conservano una composizione compatta e leggibile. */
body.root-special-page main#chi-siamo-main [class*="card"] p{
  text-align:left;
  text-align-last:left;
  hyphens:manual;
  -webkit-hyphens:manual;
}
body.root-special-page main#chi-siamo-main section[aria-label="Curriculum vitae"] .comp-card p{
  text-align:center;
  text-align-last:center;
}

/* Nella pagina store, anche il testo introduttivo segue il titolo nel suo pannello. */
body.store-hub-page .store-hub-intro p{
  text-align:center;
  text-align-last:center;
  margin-left:auto;
  margin-right:auto;
  hyphens:manual;
  -webkit-hyphens:manual;
}