/* Allow translated labels to grow while preserving the four-chapter layout. */
.chapter-nav a{white-space:normal;text-align:center;line-height:1.3}
.linked-language-note{font-size:13px;line-height:1.6;color:#6c637a;margin:22px 0 0}
html[lang="de-CH"] h1,html[lang="de-CH"] h2,html[lang="de-CH"] h3{overflow-wrap:break-word;hyphens:auto}
html[lang="de-CH"] .service-card h3{font-size:27px}
@media(max-width:760px){
  html[lang="de-CH"] .hero h1{font-size:clamp(35px,10vw,46px)}
  html[lang="de-CH"] .visual-story .visual-scene h3{font-size:31px}
  .hero-pillars a,.hero-pillars a>span{min-width:0}
  .hero-pillars strong{overflow-wrap:anywhere;hyphens:auto}
  .case-switch{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-switch .example,.case-switch .example>span{min-width:0;overflow-wrap:anywhere;hyphens:auto}
  .mobile-jump-nav a{white-space:normal}
}
@media(max-width:380px){
  .hero-pillars{grid-template-columns:1fr;gap:7px}
  .hero-pillars a{flex-direction:row;text-align:left;justify-content:flex-start;gap:12px;min-height:50px;padding:10px 14px}
  .hero-pillars .theme-icon{flex:none}
  .hero-pillars strong{font-size:13px;overflow-wrap:normal}
}
