/* โครงล้วน ไม่ใช่ดีไซน์ — ห้ามอ้าง tokens.css ตอนนี้ (เจ้าของเคาะ 13 ก.ย.) */
body { font: 16px/1.5 system-ui, sans-serif; margin: 0 auto; padding: 16px; max-width: 760px; box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
h1 { font-size: 20px; margin: 0 0 8px; }
h2 { font-size: 17px; margin: 0 0 6px; }
fieldset { border: 1px solid #999; margin: 0 0 14px; padding: 10px 12px; min-width: 0; }
button, select, input, textarea { font: inherit; }
button { padding: 6px 12px; }
.note { color: #555; font-size: 14px; }
.err { color: #b00; }
code { word-break: break-all; }
table { border-collapse: collapse; width: 100%; }
td, th { border: 1px solid #ccc; padding: 4px 6px; text-align: left; vertical-align: top; }
#netstate { position: sticky; top: 0; background: #ffe9a8; border: 1px solid #c90; padding: 8px 12px; margin: -16px -16px 12px; z-index: 10; }
#netstate[data-kind="server-error"], #netstate[data-kind="session-expired"] { background: #ffd0d0; border-color: #b00; }
[hidden] { display: none !important; }