/* หน้าเอกสารกฎหมาย — ธีมเดียวกับ landing v2 */
:root{
  --bg:#f7f5ef; --paper:#fffdf8; --ink:#1c2a33; --navy:#16242f;
  --line:#e7e2d4; --muted:#66727c; --blue:#2d5e8c; --orange:#f5941f; --orange-d:#d97c0a;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Sarabun',sans-serif;background:var(--bg);color:var(--ink);line-height:1.8;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Anuphan','Sarabun',sans-serif;line-height:1.3;letter-spacing:-.01em}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
nav{position:sticky;top:0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:10}
.nav-in{max-width:820px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:62px;gap:10px}
.nav-in img{width:30px;height:30px;border-radius:8px}
.nav-in b{font-family:'Anuphan',sans-serif;font-weight:800;font-size:18px;color:var(--blue)}
.nav-in b i{font-style:normal;color:var(--orange)}
.nav-in .back{margin-left:auto;font-size:14px;font-weight:600;color:var(--muted)}
.wrap{max-width:820px;margin:0 auto;padding:52px 24px 80px}
.doc-head{border-bottom:2px solid var(--ink);padding-bottom:22px;margin-bottom:34px}
h1{font-size:clamp(28px,4.5vw,38px);font-weight:800}
.meta{color:var(--muted);font-size:14px;margin-top:8px}
h2{font-size:21px;font-weight:800;margin:38px 0 12px;padding-top:22px;border-top:1px solid var(--line)}
h3{font-size:16.5px;font-weight:700;margin:20px 0 6px}
p,li{font-size:15.5px;color:#33414c}
ul,ol{padding-left:26px;margin:8px 0}
li{margin:5px 0}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14.5px}
th{text-align:left;font-family:'Anuphan',sans-serif;font-size:13.5px;color:var(--muted);border-bottom:2px solid var(--line);padding:8px 10px 8px 0}
td{border-bottom:1px solid var(--line);padding:9px 10px 9px 0;vertical-align:top;color:#33414c}
.callout{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:10px;padding:14px 18px;margin:16px 0;font-size:14.5px}
footer{border-top:1px solid var(--line);padding:28px 24px;text-align:center;font-size:13.5px;color:var(--muted)}
footer a{margin:0 10px}
@media(max-width:600px){ .wrap{padding-top:36px} }