:root{--scg-red:#ed1c24;--scg-red-dark:#c4161c;--scg-red-soft:#fdecec;--ink:#2b2b2b;--ink-2:#4a4a4a;--muted:#6e6e6e;--faint:#9a9a9a;--line:#e3e3e3;--surface:#f5f5f5;--bg:#fafafa;--ok:#1e8e3e;--ok-soft:#e7f5ea;--warn:#b26a00;--warn-soft:#fff4e0;--radius:8px;--container:960px;--gutter:16px;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a}*,:after,:before{box-sizing:border-box}body{background:var(--bg);margin:0;font-family:Noto Sans Thai,Segoe UI,system-ui,sans-serif;line-height:1.5}body,h1{color:var(--ink)}h1{font-size:24px;font-weight:700}a{color:var(--scg-red)}input,select,textarea{font:inherit;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #ed1c2426;border-color:var(--scg-red)!important}.btn{font:inherit;border-radius:var(--radius);border:1px solid var(--line);color:var(--ink);cursor:pointer;white-space:nowrap;background:#fff;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--scg-red);color:var(--scg-red)}.btn.primary{background:var(--scg-red);border-color:var(--scg-red);color:#fff}.btn.primary:hover:not(:disabled){background:var(--scg-red-dark);border-color:var(--scg-red-dark);color:#fff}.btn:disabled{opacity:.5;cursor:default}.page{max-width:var(--container);padding:28px var(--gutter) 48px;margin:0 auto}@media (width<=560px){.page{padding-top:20px}}.page-title{margin:0;padding-left:14px;position:relative}.page-title:before{content:"";background:var(--scg-red);border-radius:2px;width:4px;position:absolute;top:4px;bottom:4px;left:0}