/* Thai typography and the shared, page-matched language selector. */
.language-switch{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:14px;letter-spacing:0;line-height:1.5}
.language-switch a,.language-switch span{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:48px;padding:6px 12px;border:1px solid var(--rule);border-radius:3px}
.language-switch [aria-current]{background:var(--maroon);border-color:var(--maroon);color:#fff}
.language-switch a:hover{background:#e9dedb}
.official-bar{flex-wrap:wrap;gap:10px}
html[lang=th]{--sans:'Thonburi','Leelawadee UI',Tahoma,Arial,sans-serif;--serif:var(--sans)}
html[lang=th] body{font-size:17px;line-height:1.85;word-break:normal;overflow-wrap:break-word}
html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{letter-spacing:0;line-height:1.45;font-weight:500}
html[lang=th] h1{font-size:clamp(32px,3.8vw,54px)}
html[lang=th] h2{font-size:clamp(26px,2.8vw,38px)}
html[lang=th] h3{font-size:24px}
html[lang=th] em{font-style:normal;color:var(--skin)}
html[lang=th] .eyebrow{letter-spacing:.2px;font-size:13px;line-height:1.8}
html[lang=th] .header{gap:20px}
html[lang=th] .header nav{gap:18px;font-size:15px}
html[lang=th] .hero-description{font-size:17px;max-width:480px;line-height:1.85}
html[lang=th] .hero-intro{font-size:20px;line-height:1.8}
html[lang=th] .button,html[lang=th] .text-link{font-size:16px;line-height:1.7}
html[lang=th] .hero-copy{padding-top:60px;padding-bottom:60px}
html[lang=th] .page-intro{line-height:1.85}
html[lang=th] .content-cards h2,html[lang=th] .person h2{font-size:24px;line-height:1.55}
html[lang=th] .content-cards p,html[lang=th] .person>p:last-child{font-size:16px;line-height:1.85}
html[lang=th] .reading-aside h2{font-size:25px}
html[lang=th] .prose p{line-height:1.9}
html[lang=th] .prose section+section{margin-top:36px}
html[lang=th] .contact-grid a[href^="mailto"]{overflow-wrap:anywhere}
html[lang=th] .facility-gallery{margin-top:32px}
html[lang=th] .section{padding-top:72px;padding-bottom:72px}
html[lang=th] .footer-bottom{font-size:14px}
@media(max-width:1050px){html[lang=th] .header nav{gap:0}html[lang=th] .hero-photo{min-height:340px}}
@media(max-width:640px){.official-bar{justify-content:center}.official-bar>span{text-align:center;width:100%}.language-switch{font-size:14px}html[lang=th] body{font-size:16px}html[lang=th] h1{font-size:34px;line-height:1.5}html[lang=th] .hero-copy{padding:36px 24px}html[lang=th] .hero-intro{font-size:18px}html[lang=th] .section{padding:48px 24px}html[lang=th] .breadcrumb{font-size:13px}html[lang=th] .page-cta h2{font-size:28px}html[lang=th] .hero-photo figcaption{font-size:13px;padding:16px;gap:12px}}
