/* มาตรฐานตัวอักษรของทั้งระบบ — แท็บเล็ต +4px · เดสก์ท็อป +8px (founder 2026-06-10)
   หน้าแรกใช้สูตรนี้อยู่แล้ว ไฟล์นี้ทำให้หน้าย่อยใช้มาตรฐานเดียวกัน (founder ยืนยัน 14 ส.ค. 2569)
   --fs = ตัวคูณของโหมดการเข้าถึง (ผู้สูงอายุ ฯลฯ) ถูกตั้งจากสคริปต์ ไม่ต้องแตะที่นี่ */
:root { --fsadd: 0px; }
@media (min-width: 641px) and (max-width: 1024px) { :root { --fsadd: 4px; } }
@media (min-width: 1025px) { :root { --fsadd: 8px; } }

/* ============================================================
   ★ ปุ่ม Back มาตรฐานทุกหน้า (founder 2026-08-21)
   ไอคอนดิสก์+ลูกศร (icon_back.svg) · currentColor ปรับสีตามหัวแต่ละหน้าเอง
   ขนาด 48px (24×2 · สเกล CI) · แทนที่กราฟิกเดิมของ .back / .rt-back ทั้งหมด
   วิธี: ซ่อนลูกใน แล้ววาดไอคอนที่ ::before ด้วย mask (background:currentColor)
   ============================================================ */
:root{ --tt-back-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22615%20487%2050%2050%22%3E%3Cpath%20d%3D%22M640.023%2C487.653c-13.639%2C0-24.695%2C11.057-24.695%2C24.696c0%2C13.639%2C11.057%2C24.696%2C24.695%2C24.696%20c13.639%2C0%2C24.696-11.057%2C24.696-24.696C664.719%2C498.71%2C653.662%2C487.653%2C640.023%2C487.653z%20M648.264%2C514.933%20c-4.64%2C0-10.135%2C0.005-10.135%2C0.005s0.877%2C0.887%2C4.928%2C4.934c1.02%2C1.026%2C1.02%2C2.685%2C0%2C3.713c-1.028%2C1.024-2.692%2C1.024-3.715%2C0%20c-3.279-3.281-9.42-9.416-9.42-9.416c-1.02-1.028-1.02-2.688%2C0-3.713c0%2C0%2C5.298-5.298%2C9.344-9.342c1.025-1.025%2C2.688-1.025%2C3.71%2C0%20c1.028%2C1.026%2C1.028%2C2.688%2C0%2C3.713c-3.277%2C3.28-4.859%2C4.862-4.859%2C4.862s4.611-0.004%2C10.147-0.004c1.447%2C0%2C2.625%2C1.172%2C2.625%2C2.625%20C650.889%2C513.758%2C649.711%2C514.933%2C648.264%2C514.933z%22%2F%3E%3C%2Fsvg%3E"); }
.back, .rt-back, .bk, .backbtn, .m-back{
  background:transparent!important; border:0!important; box-shadow:none!important;
  -webkit-backdrop-filter:none!important; backdrop-filter:none!important;
  width:48px!important; height:48px!important; min-width:48px; padding:0!important;
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
}
.back > *, .rt-back > *, .bk > *, .backbtn > *, .m-back > *{ display:none!important; }
.back::before, .rt-back::before, .bk::before, .backbtn::before, .m-back::before{
  content:""!important; display:block!important; width:48px; height:48px;
  -webkit-mask:var(--tt-back-icon) center/contain no-repeat;
          mask:var(--tt-back-icon) center/contain no-repeat;
  background:currentColor;
}
