:root{--navy: #0b1f3a;--navy-2: #163259;--ink: #14202e;--muted: #5b6878;--line: #e2e7ee;--bg: #f4f6f9;--card: #ffffff;--ok: #157347;--ok-bg: #e6f4ec;--bad: #b42318;--bad-bg: #fdecea;--pending: #8a5a00;--pending-bg: #fff4d6;--line-green: #06c755;--focus: #2f6fed;--radius: 14px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--ink: #e8edf4;--muted: #a3afbf;--line: #2a3a52;--bg: #07111f;--card: #0f1d33;--ok-bg: #0f2e20;--bad-bg: #3a1513;--pending-bg: #3a2c08;--ok: #5fd39a;--bad: #ff8a80;--pending: #f5c451;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font-family:Noto Sans Thai,Sukhumvit Set,Thonburi,Leelawadee UI,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.65;overflow-wrap:anywhere}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;z-index:10;background:var(--card);padding:8px 12px;border-radius:8px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.topbar{background:var(--navy);color:#fff;padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top))}.topbar-inner{max-width:640px;margin:0 auto;display:flex;align-items:center;gap:12px}.logo{width:36px;height:36px;border-radius:10px;background:#fff;color:var(--navy);display:grid;place-items:center;font-weight:800}.topbar-kicker{margin:0;font-size:12px;opacity:.75;letter-spacing:.02em}.topbar-brand{margin:0;font-weight:700;font-size:17px}.wrap{max-width:640px;margin:0 auto;padding:16px 16px 200px}.wrap:focus{outline:none}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px;margin:0 0 12px}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:600}.badge-pending{background:var(--pending-bg);color:var(--pending)}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-bad{background:var(--bad-bg);color:var(--bad)}.badge-muted{background:var(--line);color:var(--muted)}.hint{color:var(--muted);font-size:13px}.fb-link{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:14px;font-weight:600;text-decoration:underline;overflow-wrap:anywhere}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.04em}.article-title{margin:0 0 8px;font-size:21px;line-height:1.4;color:var(--ink)}.excerpt{margin:0 0 12px;color:var(--muted)}.section-h{margin:0 0 8px;font-size:16px}.article-title:focus,.state-title:focus{outline:none}details>summary{cursor:pointer;font-weight:600;color:var(--navy-2);min-height:44px;display:flex;align-items:center}@media(prefers-color-scheme:dark){details>summary{color:#9cc0ff}}.md{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.md p,.md ul,.md ol,.md blockquote{margin:0 0 12px}.md-h{margin:16px 0 6px;font-size:17px}.md blockquote{border-left:3px solid var(--line);padding-left:12px;color:var(--muted)}.faq{border-top:1px solid var(--line)}.faq:first-of-type{border-top:0}.faq p{margin:0 0 12px;color:var(--muted)}.fb{margin:0;white-space:pre-wrap}.actionbar{position:fixed;left:0;right:0;bottom:0;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -6px 18px #0b1f3a14;padding:12px 16px max(12px,env(safe-area-inset-bottom))}.actionbar>*{max-width:640px;margin-left:auto;margin-right:auto}.action-msg{margin:0 auto 8px;font-size:14px;color:var(--muted)}.action-msg:empty{display:none}.action-msg.is-error{color:var(--bad)}.row{display:flex;gap:10px}.row>.btn{flex:1}.notice p{margin:0 0 8px;color:var(--muted);font-size:14px}.reject-form{display:grid;gap:6px}.reject-form label{font-weight:600;font-size:14px}textarea{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;resize:vertical}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:12px;min-height:48px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:100%}.btn:disabled{opacity:.55;cursor:progress}.btn-primary{background:var(--navy);color:#fff}.btn-outline{background:transparent;color:var(--bad);border-color:var(--bad)}.btn-danger{background:var(--bad);color:#fff}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--line)}.btn-secondary{background:var(--navy);color:#fff;margin-top:8px;width:auto;min-width:140px}.btn-line{background:var(--line-green);color:#fff}@media(prefers-color-scheme:dark){.btn-primary,.btn-secondary{background:#2f5ea8}}.state{text-align:center;padding:32px 20px}.state-icon{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:800;background:var(--line);color:var(--muted)}.state-error .state-icon,.state-bad .state-icon{background:var(--bad-bg);color:var(--bad)}.state-ok .state-icon{background:var(--ok-bg);color:var(--ok)}.state-pending .state-icon{background:var(--pending-bg);color:var(--pending)}.state-title{margin:0 0 6px;font-size:19px}.state-text{margin:0;color:var(--muted)}.spinner{width:32px;height:32px;margin:0 auto 12px;border:3px solid var(--line);border-top-color:var(--navy);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}