:root{--blue-dark:#0a3162;--ink:#1a2433;--muted:#64748b;--line:#dde4ee;--bg:#f4f6fa}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI','Leelawadee UI','Sarabun',Tahoma,sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}
header{background:var(--blue-dark);padding:14px 20px}
header a{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700}
header img{height:30px}
main{max-width:860px;margin:0 auto;padding:32px 20px 64px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px 30px}
h1{font-size:26px;margin-bottom:4px;color:var(--blue-dark)}
.sub{color:var(--muted);font-size:13.5px;margin-bottom:22px}
h2{font-size:17px;margin:24px 0 8px;color:var(--blue-dark)}
p,li{font-size:15px}
ul{padding-left:22px;margin:6px 0}
li{margin:3px 0}
table{border-collapse:collapse;width:100%;margin:8px 0 4px;font-size:14px}
th,td{border:1px solid var(--line);padding:7px 10px;text-align:left;vertical-align:top}
th{background:#f7f9fc}
.en{margin-top:30px;padding-top:18px;border-top:1px dashed var(--line);color:var(--muted);font-size:13.5px}
footer{text-align:center;color:var(--muted);font-size:12.5px;padding:0 20px 30px}
footer a{color:var(--muted)}
@media(max-width:600px){.card{padding:20px 16px}h1{font-size:22px}}