/* The two legal pages (privacy.html, terms.html): plain reading pages in the app's colours, no script, no inline style. */
:root{--paper:#FFF9EF;--sheet:#FFFEFA;--ink:#25324A;--muted:#5B6678;--rule:#E8E1D5;--memo:#FFF2B4;--on-memo:#6C4B00;--primary:#2C62DC}
@media (prefers-color-scheme:dark){:root{--paper:#161D2A;--sheet:#202B3A;--ink:#F4F6F9;--muted:#B9C8D9;--rule:#394659;--memo:#433A22;--on-memo:#FFE3A5;--primary:#9ABDFF}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--paper);color:var(--ink);font-family:'Anuphan','Leelawadee UI',Tahoma,system-ui,sans-serif;font-size:16px;line-height:1.7}
main{max-width:720px;margin:0 auto;padding:24px 16px 48px}
h1{font-family:'Mitr','Leelawadee UI',Tahoma,sans-serif;font-weight:600;font-size:26px;line-height:1.35;margin:0 0 4px}
h2{font-family:'Mitr','Leelawadee UI',Tahoma,sans-serif;font-weight:600;font-size:19px;margin:28px 0 8px}
p,li{margin:0 0 10px}
ul{padding-left:22px;margin:0 0 10px}
.meta{color:var(--muted);font-size:14px;margin:0 0 20px}
.draft{background:var(--memo);color:var(--on-memo);border-radius:12px;padding:12px 14px;margin:0 0 20px;font-size:15px}
table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 12px;background:var(--sheet)}
th,td{border:1px solid var(--rule);padding:8px 10px;text-align:left;vertical-align:top}
th{font-weight:600}
a{color:var(--primary)}
footer{border-top:1px solid var(--rule);margin-top:32px;padding-top:12px;color:var(--muted);font-size:14px}
hr{border:0;border-top:2px solid var(--rule);margin:40px 0 24px}
.lang{margin:0 0 4px;font-size:15px}