html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
  font-family: "Leelawadee UI", "Noto Sans Thai", Tahoma, sans-serif !important;
}

html[lang="th"] .font-serif,
html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4 {
  font-family: "Noto Serif Thai", "Leelawadee UI", Tahoma, sans-serif !important;
}

html[lang="th"] body {
  word-break: normal;
  overflow-wrap: break-word;
}

html[lang="th"] [class*="tracking-"] {
  letter-spacing: 0.01em !important;
}

html[lang="th"] .text-\[8px\],
html[lang="th"] .text-\[9px\],
html[lang="th"] .text-\[10px\] {
  font-size: 12px !important;
  line-height: 1.55 !important;
}

html[lang="th"] .vespera-help-overlay {
  font-size: 12px;
  line-height: 1.55;
}

html[lang="th"] p,
html[lang="th"] [data-help],
html[lang="th"] button,
html[lang="th"] label {
  line-height: 1.55;
}

html[lang="th"] .sidebar-character-card.scc2 .scc2-class::before {
  content: "คลาส";
}

html[lang="th"] .sidebar-character-card.scc2 .scc2-sub::before {
  content: "คลาสย่อย";
}