:root{--lacquer:#1a0d0a;--gold:#e9b949;--gold-lite:#ffe39a;--gold-deep:#9a6a1c;--ink:#fbf1dc;--ink-dim:#d9c7a3}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(120% 80% at 50% 0,#3a1a10,#1a0d0a 70%);color:var(--ink);font-family:Sarabun,"Noto Sans Thai",system-ui,sans-serif;font-size:16px;line-height:1.75;padding:24px 16px 56px}
.doc{max-width:760px;margin:0 auto;border:2px solid var(--gold);outline:1px solid var(--gold-deep);outline-offset:-8px;background:rgba(42,20,14,.92);padding:32px 28px;border-radius:6px}
nav.top{display:flex;gap:16px;flex-wrap:wrap;margin:0 auto 16px;max-width:760px;font-size:14px}
nav.top a{color:var(--ink-dim);text-decoration:none}nav.top a:hover,nav.top a[aria-current]{color:var(--gold-lite);text-decoration:underline}
h1{margin:0 0 4px;color:var(--gold-lite);font-size:26px}
h2{margin:28px 0 8px;color:var(--gold);font-size:19px}
p,li{margin:6px 0}ul{padding-left:22px}
.upd{color:var(--ink-dim);font-size:14px;margin-bottom:12px}
a{color:var(--gold-lite)}
mark{background:#6b4a10;color:var(--gold-lite);padding:0 4px;border-radius:3px}
.note{border-left:3px solid var(--gold);padding:6px 12px;background:rgba(0,0,0,.25);margin:14px 0}
.en{margin-top:36px;padding-top:8px;border-top:1px solid var(--gold-deep);color:var(--ink-dim)}
.en h2{color:var(--gold)}
@media(max-width:560px){.doc{padding:22px 16px}h1{font-size:22px}}