*{box-sizing:border-box}
:root{--paper:#eeeee7;--ink:#171918;--muted:#666b63;--line:#bdc0b5;--acid:#d9fa63;--link:#1c5d2e;--card:#f7f7f2}
@media(prefers-color-scheme:dark){:root{--paper:#171918;--ink:#eeeee7;--muted:#abb0a5;--line:#3a3d38;--link:#d9fa63;--card:#202320}}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Thonburi","Sarabun",sans-serif}
.wrap{max-width:760px;margin:0 auto;padding:20px 16px 64px}
.top{display:flex;justify-content:space-between;align-items:center;min-height:44px;border-bottom:1px solid var(--line);margin-bottom:24px;font:700 .75rem/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.04em}
.top a{color:var(--ink);text-decoration:none}
h1{font-size:1.7rem;line-height:1.3;margin:.2em 0 .1em}
h2{font-size:1.15rem;margin:1.8em 0 .4em;padding-top:.6em;border-top:1px solid var(--line)}
p,li{margin:.5em 0}
ul{padding-left:1.3em}
a{color:var(--link);text-underline-offset:3px}
.meta{color:var(--muted);font-size:.9rem}
.lang{display:flex;gap:8px;margin:16px 0 8px;flex-wrap:wrap}
.lang a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--ink);border-radius:999px;color:var(--ink);text-decoration:none;font-weight:600}
.lang a[aria-current=true]{background:var(--acid);border-color:var(--acid);color:#171918}
section.l{padding-top:8px}
.js section.l[hidden]{display:none}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:4px 16px 12px;margin:12px 0}
.card h3{margin:.8em 0 .1em;font-size:1rem}
.foot{margin-top:48px;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line);padding-top:16px}
:lang(th){line-height:1.85}