/* Same Thai/Latin glyphs and metrics on every device; no installed-font or external CDN lookup.
 * Static faces plus WOFF fallback also work without variable-font support.
 * Browser zoom remains available; only automatic mobile text inflation is normalized. */
@font-face {
  font-family: "Papaya UI";
  src: url("/fonts/papaya-ui-v1/noto-sans-thai-400.woff2") format("woff2"),
       url("/fonts/papaya-ui-v1/noto-sans-thai-400.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Papaya UI";
  src: url("/fonts/papaya-ui-v1/noto-sans-thai-500.woff2") format("woff2"),
       url("/fonts/papaya-ui-v1/noto-sans-thai-500.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Papaya UI";
  src: url("/fonts/papaya-ui-v1/noto-sans-thai-600.woff2") format("woff2"),
       url("/fonts/papaya-ui-v1/noto-sans-thai-600.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Papaya UI";
  src: url("/fonts/papaya-ui-v1/noto-sans-thai-700.woff2") format("woff2"),
       url("/fonts/papaya-ui-v1/noto-sans-thai-700.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Papaya UI";
  src: url("/fonts/papaya-ui-v1/noto-sans-thai-800.woff2") format("woff2"),
       url("/fonts/papaya-ui-v1/noto-sans-thai-800.woff") format("woff");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Papaya UI";
  src: url("/fonts/papaya-ui-v1/noto-sans-thai-900.woff2") format("woff2"),
       url("/fonts/papaya-ui-v1/noto-sans-thai-900.woff") format("woff");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
:root {
  --papaya-font-ui: "Papaya UI", sans-serif;
  font-family: "Papaya UI", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-synthesis: none;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
button, input, select, textarea { font: inherit; letter-spacing: inherit; }
button, textarea, select,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]) {
  -webkit-appearance: none;
  appearance: none;
}

/* Closed select controls use the same authored arrow instead of OS chrome. */
body select:not([multiple]):not([size]) {
  padding-right: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23246a4b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: right .75rem center;
  background-repeat: no-repeat;
  background-size: .7rem .5rem;
}