/* ══ base ════════════════════════════════════════════════
   reset + ตัวอักษรพื้นฐาน

   กติกาตัวอักษร (สำคัญ):
   - ไทย = Anuphan เสมอ (คลาส .th) — Bricolage กับ mono ไม่มีไทย
     ถ้าใส่จะ fallback เป็นฟอนต์ระบบกลางประโยค วรรณยุกต์เพี้ยน
   - mono ใช้เฉพาะ "ตัวเลข" (.num) กับ "ป้ายอังกฤษล้วน" (.lat)
   ═══════════════════════════════════════════════════════ */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--body); font-size:var(--fs1); line-height:1.72;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img,svg{max-width:100%}
a{color:inherit}
:focus-visible{outline:2.5px solid var(--green); outline-offset:3px; border-radius:4px}

/* หัวข้อเป็นอังกฤษ จึงใช้ Bricolage ได้ */
h1,h2,h3{margin:0; text-wrap:balance; font-family:var(--disp)}
h1{font-size:var(--fs5); font-weight:800; line-height:1.06; letter-spacing:-.03em}
h2{font-size:var(--fs4); font-weight:800; line-height:1.1; letter-spacing:-.025em}
h3{font-size:var(--fs3); font-weight:700; line-height:1.2; letter-spacing:-.02em}
p{margin:0; text-wrap:pretty}

/* ข้อความไทย — กลับไป Anuphan และคลาย line-height ให้วรรณยุกต์ */
.th{font-family:var(--body); letter-spacing:0; line-height:1.45}
h1.th,h2.th,h3.th{font-weight:700; line-height:1.32; letter-spacing:-.005em}

/* ป้ายอังกฤษล้วน — ถ่างตัวอักษรได้ */
.lat{
  font-family:var(--mono); font-size:var(--fs-2);
  letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3);
}
/* ตัวเลข — เรียงคอลัมน์ตรงกัน */
.num{font-family:var(--mono); font-variant-numeric:tabular-nums}

@media (prefers-reduced-motion:reduce){
  *{animation:none !important; transition:none !important; scroll-behavior:auto}
}