@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600&display=swap");

/* Site-wide typography baseline matching download.html after the V2 layer. */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea {
  font-family: "Noto Sans Thai", "Leelawadee UI", Tahoma, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

body {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.main-header,
.section__title,
.box-text-haeder,
.card-header {
  font-family: inherit !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

h1 { font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.2; }
h2 { font-size: clamp(1.55rem, 3vw, 2.35rem); line-height: 1.3; }
h3 { font-size: clamp(1.15rem, 2vw, 1.5rem); line-height: 1.4; }
h4 { font-size: 1.05rem; line-height: 1.45; }
h5 { font-size: 1rem; line-height: 1.5; }
h6 { font-size: .95rem; line-height: 1.5; }

p,
li,
td,
th,
label,
summary,
a,
button,
input,
select,
textarea {
  font-weight: 400;
}

p,
li,
label,
summary,
input,
select,
textarea {
  font-size: 1rem;
  line-height: 1.7;
}

button,
.btn,
[role="button"],
nav a,
.menu a,
.navbar_container > a {
  font-size: 1rem;
  font-weight: 500 !important;
  line-height: 1.35;
}

nav a span,
.menu a span,
.navbar_container > a span,
small,
.small,
.caption,
.subtle {
  font-size: .875rem;
  font-weight: 400 !important;
  line-height: 1.55;
}

table,
.table,
.ui.table,
.score-card table {
  font-family: inherit !important;
}

th,
.table th,
.ui.table th,
.score-card th {
  font-size: .9rem;
  font-weight: 600 !important;
  line-height: 1.45;
}

td,
.table td,
.ui.table td,
.score-card td {
  font-size: 1rem;
  font-weight: 400 !important;
  line-height: 1.6;
}

strong,
b { font-weight: 600 !important; }

@media (max-width: 600px) {
  body { font-size: 16px !important; }
  h1 { font-size: clamp(1.85rem, 9vw, 2.35rem); }
  h2 { font-size: clamp(1.4rem, 7vw, 1.9rem); }
  h3 { font-size: clamp(1.1rem, 5vw, 1.35rem); }
}