:root{--brand-blue-700:#173b73;--brand-blue-500:#2f6fd0;--surface:#ffffff;--surface-soft:#f4f7fb;--text:#172033;--text-muted:#667085;--orange:#f28c45;--green:#31a66a;--purple:#7257c8;--yellow:#f2c94c;--danger:#c63c3c;--border:#d8dee9;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-card:16px;--radius-control:10px;--content-max-width:1200px;--font-sans:var(--font-kanit),"Noto Sans Thai","Segoe UI",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6}a{color:var(--brand-blue-500)}img{max-width:100%;display:block}h1,h2,h3{color:var(--brand-blue-700);font-weight:700;line-height:1.25}h1{font-size:clamp(32px,5vw,52px)}h2{font-size:clamp(26px,4vw,36px)}h3{font-size:clamp(20px,3vw,24px)}:focus-visible{outline:2px solid var(--brand-blue-500);outline-offset:2px}.site-container{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-4)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-control);padding:12px 20px;font-size:16px;font-weight:600;border:1px solid transparent;cursor:pointer;text-decoration:none;min-height:44px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover:not(:disabled){background:#d97634}.btn-secondary{background:var(--surface);color:var(--brand-blue-700);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-soft)}.btn-danger-text{background:none;color:var(--danger);border:none;padding:var(--space-2);min-height:auto;font-weight:500}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field label{font-weight:600;font-size:14px}.field input[type=email],.field input[type=text],.field select{border:1px solid var(--border);border-radius:var(--radius-control);padding:12px;font-size:16px;font-family:inherit;background:var(--surface);color:var(--text)}.field input:focus-visible,.field select:focus-visible{border-color:var(--brand-blue-500)}.field-error{color:var(--danger);font-size:14px}.field-checkbox{display:flex;align-items:flex-start;gap:var(--space-2);font-size:14px}.field-checkbox input{margin-top:4px}.alert{border-radius:var(--radius-control);padding:var(--space-4);margin:var(--space-4) 0;border:1px solid var(--border);background:var(--surface-soft)}.alert-error{border-color:var(--danger);background:#fbecec;color:var(--danger)}.alert-success{border-color:var(--green);background:#eaf7f0;color:#1f6e46}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-muted)}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:999px;font-size:13px;font-weight:600;background:var(--surface-soft);color:var(--text-muted)}.legal-page{max-width:72ch;margin:var(--space-6) auto}.legal-draft-notice{background:#fff8e6;border:1px solid var(--yellow);border-radius:var(--radius-control);padding:var(--space-4);margin-bottom:var(--space-5);font-size:14px}.qa-progress{height:8px;border-radius:999px;background:var(--surface-soft);overflow:hidden}.qa-progress-fill{height:100%;background:var(--orange);border-radius:999px;transition:width .2s ease}.qa-option{display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);cursor:pointer;font-size:16px}.qa-option:hover{background:var(--surface-soft)}.qa-option input{width:20px;height:20px;accent-color:var(--brand-blue-500);flex-shrink:0}.qa-option-selected{border-color:var(--brand-blue-500);background:var(--surface-soft);font-weight:600}.qa-save-state{min-height:20px;font-size:13px;color:var(--text-muted);margin:var(--space-2) 0 0}.qa-review-band{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2)}.qa-subtype-card{border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-4);margin-bottom:var(--space-3);cursor:pointer}.qa-subtype-card:hover{background:var(--surface-soft)}.qa-subtype-card-selected{border-color:var(--brand-blue-500);border-width:2px}