/* Shared language control: a normal link works even before JavaScript loads. */
.site-language{display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:12px;white-space:nowrap;margin-left:0;color:#b4c8cf}
.site-language a{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:44px;font-weight:600}
.site-language a[aria-current]{color:var(--green);text-decoration:underline;text-underline-offset:5px}
.site-language a:hover{color:white}
html[lang=th] body,html[lang=th] button,html[lang=th] input,html[lang=th] select,html[lang=th] textarea{font-family:'Sarabun','DM Sans',sans-serif}
html[lang=th] h1,html[lang=th] h2,html[lang=th] h3,html[lang=th] h4,html[lang=th] em,html[lang=th] .knowledge-page h1,html[lang=th] .knowledge-page h2,html[lang=th] .knowledge-page h3{font-family:'Sarabun',sans-serif;letter-spacing:0;line-height:1.35}
html[lang=th] h1 em,html[lang=th] h2 em,html[lang=th] h3 em{font-family:'Sarabun',sans-serif;font-style:normal;font-weight:400}
html[lang=th] .eyebrow{letter-spacing:.03em}
html[lang=th] .hero h1{font-size:clamp(42px,5.3vw,80px)}
html[lang=th] .utility{letter-spacing:0}
html[lang=th] #navigation a{font-size:13px}
body>header{gap:20px}
@media(min-width:1451px){#navigation{gap:20px}}
@media(min-width:1251px) and (max-width:1450px){
 body>header{padding-left:4%;padding-right:4%;gap:16px}
 #navigation{gap:12px}
 #navigation a{font-size:12px}
 html[lang=th] #navigation a{font-size:12px}
 body>header>.brand img{width:120px}
 body>header>.header-cta{padding:8px 12px;gap:8px}
}
@media(max-width:1250px){body>header>.site-language{margin-left:auto}body>header>.menu{margin-left:0}}
@media(max-width:600px){body>header{gap:12px}.site-language{gap:3px;font-size:12px}.site-language a{min-width:27px}html[lang=th] h1{font-size:40px}html[lang=th] .quote-header h2{font-size:19px}}
/* Article navigation must not inherit the mobile site-menu appearance. */
.knowledge-page .guide-toc{position:static;display:block;margin:0;background:transparent;color:var(--ink);width:auto;max-height:none;transform:none;box-shadow:none}
.knowledge-page .guide-toc a{white-space:normal;color:inherit}
.knowledge-page .import-guide-layout>nav{display:block;position:sticky;top:110px;align-self:start;margin:0;background:transparent;color:var(--ink);box-shadow:none;width:auto;transform:none;padding:0;max-height:none}
.knowledge-page .import-guide-layout>nav a{white-space:normal;color:var(--muted);font-size:14px;line-height:1.6;display:block}
@media(max-width:900px){.knowledge-page .import-guide-layout>nav{position:static;inset:auto}}
body>header .site-language{color:var(--muted)}
body>header .site-language a[aria-current]{color:var(--ink);text-decoration-color:#75a13e;text-decoration-thickness:2px}
body>header .site-language a:hover{color:#36714c}
@media(max-width:600px){body>header>.header-cta{display:none}body>header .brand img{width:133px}}
html[lang=th] .knowledge-page .import-guide-hero h1 em{font-family:'Sarabun',sans-serif;font-style:normal}
.knowledge-page .import-guide-layout>nav a{padding:6px 0}