/* Editorial typography utilities — V8 Clean
   Consolidates hero anchoring and semantic title wrapping into one intentional layer.
   The Media & Archive hub keeps its historical hero geometry by explicit scope. */

/* D37 — Allineamento verticale dei titoli nelle testate testuali omologhe.
   Quota H1: 96 CSS px dal bordo superiore della fascia tra 701 px e desktop.
   Le testate composite con immagini, le testate editoriali storiche e la homepage
   restano escluse per preservarne geometria, altezza e gerarchia interna. */
@media (min-width:701px) and (max-width:767px){
  body:not(.page-media-archivio) .glb-hero-title-anchor{position:relative!important;top:var(--glb-ha-701,0px)!important}
}
@media (width:768px){
  body:not(.page-media-archivio) .glb-hero-title-anchor{position:relative!important;top:var(--glb-ha-768,0px)!important}
}
@media (min-width:769px) and (max-width:1024px){
  body:not(.page-media-archivio) .glb-hero-title-anchor{position:relative!important;top:var(--glb-ha-1024,0px)!important}
}
@media (min-width:1025px) and (max-width:1279px){
  body:not(.page-media-archivio) .glb-hero-title-anchor{position:relative!important;top:var(--glb-ha-1025,0px)!important}
}
@media (min-width:1280px){
  body:not(.page-media-archivio) .glb-hero-title-anchor{position:relative!important;top:var(--glb-ha-1280,0px)!important}
}


/* D39 — Rientri semantici dei titoli, 2026-08-03.
   Nei layout ampi il separatore editoriale resta inline, così la vista PC
   non cambia. Fino a 700 px il separatore viene nascosto e sostituito da
   un cambio di riga semantico: la nuova riga non comincia con un puntino.
   Le unità marcate ts-keep non vengono spezzate internamente. */
.ts-title-break-mobile{display:none}
.ts-title-separator{white-space:nowrap}
.ts-keep{white-space:nowrap}
@media (max-width:700px){
  .ts-keep-mobile{white-space:nowrap}
  .ts-title-separator{display:none}
  .ts-title-break-mobile{display:block;width:100%;height:0}
  .ts-title-part:not(.ts-keep){text-wrap:balance}
}
.ts-title-break-always .ts-title-separator{display:none}
.ts-title-break-always .ts-title-break-mobile{display:block;width:100%;height:0}
@media (max-width:340px){
  html body h1:is(#_d39a,.ts-title-fit-xs):is(#_d39b,.ts-title-fit-xs){font-size:1.70rem!important}
  html body h2:is(#_d39a,.ts-title-fit-two-line-xs):is(#_d39b,.ts-title-fit-two-line-xs){font-size:1.25rem!important}
  html body h1:is(#_d39a,.ts-title-fit-phrase-xs):is(#_d39b,.ts-title-fit-phrase-xs){font-size:1.30rem!important}
  html body h1:is(#_d39a,.ts-title-fit-review-xs):is(#_d39b,.ts-title-fit-review-xs){font-size:1.44rem!important}
  html body h2:is(#_d39a,.ts-title-fit-region-xs):is(#_d39b,.ts-title-fit-region-xs){font-size:1.42rem!important}
  html body #hero-title#hero-title.ts-title-fit-faq-xs{font-size:1.50rem!important}
}
/* D40 — Titoli biografici con nome proprio isolato su mobile.
   La dimensione fluida interessa soltanto l'H1 di Vincenzo Bellisario
   e garantisce due righe semantiche anche sugli schermi piu stretti. */
@media (max-width:700px){
  html body h1:is(#_d40a,.ts-title-vincenzo-mobile):is(#_d40b,.ts-title-vincenzo-mobile){
    font-size:clamp(1.52rem,7.6vw,2.05rem)!important;
  }
}