/* TH Legal Radar — หน้าเอกสาร (ข้อตกลงการใช้งาน / นโยบายความเป็นส่วนตัว) ใช้ต่อจาก site.css
   หน้าสำหรับอ่าน เรียบ อ่านสบายบนมือถือ ไม่มีวิดีโอหรือภาพเคลื่อนไหว */
body.legal{background:var(--cream)}
.legal .doc{max-width:720px;margin:0 auto;padding:14px var(--gutter) 64px}
.legal .back{display:inline-flex;align-items:center;min-height:44px;font:500 15px/1 var(--display);color:var(--link);text-decoration:none}
.legal .back:hover{text-decoration:underline;text-underline-offset:4px}
.legal h1{font:600 clamp(26px,6.8vw,34px)/1.3 var(--display);letter-spacing:-.01em;color:var(--ink);margin:10px 0 6px}
.legal .ver{color:var(--muted);font:500 15px/1.6 var(--display);margin:0 0 20px}
/* สารบัญย่อ: ลิงก์ไปแต่ละข้อ */
.legal .toc{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 18px 10px;margin:0 0 28px}
.legal .toc b{display:block;font:600 15px/1.4 var(--display);color:var(--muted);margin-bottom:4px}
.legal .toc ol{list-style:none;margin:0;padding:0}
.legal .toc a{display:inline-flex;align-items:center;min-height:44px;font:500 15px/1.4 var(--display);color:var(--link);text-decoration:none}
.legal .toc a:hover{text-decoration:underline;text-underline-offset:4px}
.legal h2{font:600 clamp(19px,5.2vw,23px)/1.4 var(--display);color:var(--link);margin:36px 0 10px;scroll-margin-top:16px}
.legal p{margin:0 0 14px;font-size:16.5px;line-height:1.85}
/* อนุข้อ (1) (2) และ 3.1 3.2: จัดย่อหน้าแบบแขวน */
.legal p.li{padding-left:2.4em;text-indent:-2.4em}
.legal p.li.l2{margin-left:2.4em}
.legal a{color:var(--link);text-underline-offset:3px;overflow-wrap:anywhere}
@media (min-width:760px){
  .legal .doc{padding-top:22px}
  .legal .toc ol{columns:2;column-gap:24px}
  .legal .toc li{break-inside:avoid}
  .legal .toc a{min-height:38px}
  .legal h1{font-size:36px}
}