@font-face {
  font-family: "Noto Sans Thai";
  src: url('/assets/fonts/noto-sans-thai-thai.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0E00-0E7F;
}

@font-face {
  font-family: "Noto Sans Thai";
  src: url('/assets/fonts/noto-sans-thai-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* Also covers a Thai language-switch label on an English document. */
[lang="th"] {
  font-family: "Noto Sans Thai", Manrope, Arial, sans-serif;
  font-synthesis: none;
}

html[lang="th"] {
  line-height: 1.6;
  word-break: normal;
  line-break: auto;
}

html[lang="th"] :is(body, button, input, select, textarea) {
  font-family: "Noto Sans Thai", Manrope, Arial, sans-serif;
}

html[lang="th"] :is(h1, h2, h3, h4, label, button, summary, .eyebrow) {
  letter-spacing: normal;
  line-height: 1.5;
  word-break: normal;
}

html[lang="th"] :is(h1, h2, h3, h4) {
  line-height: 1.35;
  overflow-wrap: anywhere;
}

html[lang="th"] :is(p, label, summary) {
  word-break: normal;
  overflow-wrap: anywhere;
}