/* Thai typography safety layer — v2026.08.19.3
   Purpose: keep multi-line Thai headings readable without changing layout structure.
   Loaded after page-specific styles through unified.css, and directly on article pages. */

/* Shared heading rhythm */
h1{line-height:1.28}
h2{line-height:1.34}
h3{line-height:1.38}

/* Large hero headings that previously used tighter page-specific values */
.sme-hero h1,
.service-hero h1,
.unified-hero h1{line-height:1.28}

/* Homepage title needs generous vertical space for Thai vowels and tone marks. */
.home-page .home-hero h1{
  font-size:clamp(42px,4.4vw,60px);
  line-height:1.50;
  letter-spacing:0;
}

/* Article typography: keep long Thai titles and section headings comfortably separated */
.article-hero h1{line-height:1.30}
.article-prose h2{line-height:1.36}
.article-prose h3{line-height:1.42}

/* Mobile needs more breathing room because Thai headings wrap more often */
@media(max-width:720px){
  h1{line-height:1.30}
  h2{line-height:1.36}
  h3{line-height:1.40}
  .sme-hero h1,
  .service-hero h1,
  .unified-hero h1,
  .article-hero h1{line-height:1.30}
  .home-page .home-hero h1{
    font-size:clamp(34px,9.5vw,46px);
    line-height:1.52;
    letter-spacing:0;
  }
}