.language-switcher{
  display:inline-flex;
  align-items:center;
  gap:3px;
  padding:3px;
  border:1px solid var(--line);
  border-radius:999px;
  background:color-mix(in srgb,var(--panel-soft) 78%,transparent);
  box-shadow:0 7px 20px rgba(0,0,0,.12);
}
.language-switcher button{
  min-height:32px;
  border:0;
  border-radius:999px;
  padding:6px 11px;
  background:transparent;
  color:var(--muted);
  font:inherit;
  font-size:.78rem;
  line-height:1;
  font-weight:850;
  cursor:pointer;
  white-space:nowrap;
}
.language-switcher button:hover{
  color:var(--text);
  background:color-mix(in srgb,var(--primary) 12%,transparent);
}
.language-switcher button.active{
  color:#fff;
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  box-shadow:0 5px 14px color-mix(in srgb,var(--primary2) 24%,transparent);
}
.language-switcher button:focus-visible{
  outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);
  outline-offset:2px;
}
html[data-interface-language="th"] [data-language-support]{
  display:none !important;
}
html[data-interface-language="th"] body{
  font-family:"Noto Sans Thai",Tahoma,Inter,system-ui,sans-serif;
}
html[data-interface-language="th"] :where(.course-hero h1,.lesson-hero h1,.section-heading h2,.content-card>h2,.module-launch-card h2){
  letter-spacing:-.025em;
  line-height:1.18;
}
@media(max-width:760px){
  .language-switcher{order:2;margin-left:auto}
  .language-switcher button{min-height:30px;padding:6px 9px}
}