@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  font-family: var(--font-base, "Circular Std", "CircularStd", "Circular Std Book", Arial, sans-serif);
  font-weight: var(--font-regular, 400);
  line-height: var(--lh-body, 1.6);
  color: var(--text-primary, #192e40);
  background: var(--bg-primary, #ffffff);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html[lang='th'] body {
  font-family: "LINE Seed Sans TH", "Circular Std", Arial, sans-serif;
}

img,
svg {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
a {
  touch-action: manipulation;
}

button:focus-visible,
a:focus-visible {
  outline: 2px solid #4a90e2;
  outline-offset: 2px;
}