/* 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;
  }
}