:root{--ink:#171A1F;--ink-2:#3F4650;--muted:#6E7580;--rule:#E2E4DD;--hat:#FFC533;--hat-soft:#FFF3CC;--ground:#FAFAF7}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.75 "IBM Plex Sans Thai",-apple-system,"Segoe UI","Noto Sans Thai",sans-serif}
header{background:var(--ink);color:#fff;padding:18px 20px}
header a{color:#fff;text-decoration:none;font-weight:700;font-size:18px}
main{max-width:760px;margin:0 auto;padding:32px 20px 64px}
h1{font-size:30px;line-height:1.3;margin:0 0 6px;text-wrap:balance}
h2{font-size:19px;margin:32px 0 8px}
p,li{color:var(--ink-2)}
ol,ul{padding-left:22px}
.meta{color:var(--muted);font-size:14px;margin:0 0 24px}
.draft{background:var(--hat-soft);border:1px solid var(--hat);border-radius:10px;padding:12px 16px;font-size:14px;margin-bottom:24px}
footer{border-top:1px solid var(--rule);color:var(--muted);font-size:14px;padding:24px 20px;text-align:center}
footer a{color:var(--ink-2);margin:0 8px}