/* Themed tokens throughout. The switcher sits inside the account menu, whose
   surface flips with the theme, so fixed light values left the inactive
   locales unreadable in dark mode. */
.language-switcher { display: inline-flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-sunk); flex-shrink: 0; }
.language-switcher a { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; min-height: 32px; padding: 4px 9px; border-radius: 5px; color: var(--ink-soft); font-size: 13px; font-weight: 600; text-decoration: none; line-height: 1.5; }
.language-switcher a[aria-current="true"] { background: var(--surface); color: var(--accent-ink); }
.language-switcher a:hover { background: var(--surface); color: var(--ink); }
.language-switcher a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.authcard > .language-switcher { align-self: flex-end; margin: 0 0 16px auto; }
html[lang="th"] body, html[lang="th"] input, html[lang="th"] button, html[lang="th"] select, html[lang="th"] textarea { font-family: 'Noto Sans Thai', Tahoma, system-ui, sans-serif; }
html[lang="th"] .nav__link { line-height: 1.65; }
html[lang="th"] .field__hint, html[lang="th"] .section-description, html[lang="th"] .authcard__sub { line-height: 1.7; }
@media (max-width: 600px) { .header-utilities { flex-wrap: wrap; } .language-switcher a { min-width: 34px; padding-inline: 6px; } }