.wizard-head{position:sticky;top:0;z-index:15;padding:16px 22px 0;border:1px solid #dce5eb;border-radius:12px;background:#fff;box-shadow:0 9px 30px #08243d12}.wizard-steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;max-width:760px;margin:auto}.wizard-steps button{display:flex;align-items:center;gap:9px;padding:0;border:0;background:transparent;color:#7b8797;font:600 11px "Noto Sans Thai"}.wizard-steps button b{width:32px;height:32px;display:grid;place-items:center;border:2px solid #cdd8e0;border-radius:50%;background:#fff;font:700 11px Inter}.wizard-steps button.active{color:#087e7a}.wizard-steps button.active b,.wizard-steps button.complete b{border-color:#08aaa6;background:#08aaa6;color:#fff}.wizard-steps button.complete b:after{content:"✓"}.wizard-steps button.complete b{font-size:0}.wizard-steps i{height:2px;margin:0 14px;background:#dce4ea}.wizard-steps button.complete+i{background:#08aaa6}.wizard-head .assessment-progress{position:static;height:4px;margin-top:14px;border-radius:0}.assessment-step{animation:wizardIn .28s ease}.assessment-step[hidden]{display:none!important}@keyframes wizardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.wizard-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.wizard-actions .btn{min-width:150px;border:0;cursor:pointer}.wizard-actions .btn b{margin-left:8px;font-size:16px}.wizard-back{border:1px solid #bfcdd8!important;background:#fff;color:#31506b}.final-back{margin-top:12px}.assessment-error:not(:empty){margin:16px 0 0;padding:11px 14px;border-left:3px solid #d8434f;border-radius:5px;background:#fff1f2}.assessment-step .form-section:first-child{margin-top:22px}
@media(max-width:650px){.wizard-head{padding:13px 12px 0}.wizard-steps button{display:grid;justify-items:center;gap:4px;text-align:center}.wizard-steps button span{font-size:9px}.wizard-steps i{margin:0 6px}.wizard-actions{gap:10px}.wizard-actions .btn{min-width:0;flex:1}}