#assessment-app{max-width:680px}.a-step[hidden]{display:none}.a-welcome{text-align:center;padding:2rem 0}.a-welcome h1{margin-top:0}.a-welcome-text{color:var(--color-muted);max-width:56ch;margin:1rem auto 2rem;line-height:1.7;font-size:.95rem}.a-step-header{margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.a-step-label{font-size:.8rem;color:var(--color-muted);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.04em}.a-progress-track{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden;margin-bottom:1.25rem}.a-progress-fill{height:100%;background:var(--color-accent);border-radius:2px;transition:width .3s ease}.a-step-title{margin:0 0 .25rem;font-size:1.4rem}.a-step-desc{color:var(--color-muted);margin:.25rem 0 0;font-size:.9rem}.a-field{margin-bottom:2rem}.a-field-label{font-weight:600;color:var(--color-heading);margin-bottom:.35rem;line-height:1.35}.a-required{color:var(--color-highlight);margin-left:.2em}.a-hint{font-size:.825rem;color:var(--color-muted);margin:.2rem 0 .5rem}.a-validation-msg{font-size:.8rem;color:#c0392b;margin:.35rem 0 0}.a-validation-msg[hidden]{display:none}.a-radio-group,.a-slider-group,.a-checkbox-group{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.a-radio-option,.a-checkbox-option{display:flex;align-items:center;gap:.35rem;font-weight:400;cursor:pointer;padding:.4rem .85rem;border:1px solid var(--color-border);border-radius:.35rem;transition:border-color .15s,background .15s;font-size:.9rem;user-select:none}.a-radio-option:has(input:checked),.a-checkbox-option:has(input:checked){border-color:var(--color-highlight);background:#fac7481f;box-shadow:0 1px 4px #fac7484d}.a-radio-option input,.a-checkbox-option input{accent-color:var(--color-heading);flex-shrink:0}.a-radio-option:has(input:focus-visible),.a-checkbox-option:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:1px}.a-radio-option input:focus-visible,.a-checkbox-option input:focus-visible{outline:none}.a-slider-group{flex-direction:column}.a-slider-group .a-radio-option{width:100%}.a-select{width:100%;font-family:var(--font-body);font-size:1rem;font-weight:300;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-accent);border-radius:.35rem;padding:.5rem .65rem;margin-top:.5rem;transition:border-color .15s,box-shadow .15s}.a-select:focus{outline:none;border-color:var(--color-heading);box-shadow:0 0 0 3px #8390fa33}.a-select--multi{min-height:8rem}.a-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.a-btn{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--color-bg);background:var(--color-heading);border:1px solid var(--color-heading);border-radius:.35rem;padding:.55rem 1.75rem;cursor:pointer;transition:background .15s,box-shadow .15s}.a-btn:hover{background:var(--color-accent);border-color:var(--color-accent)}.a-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.a-btn-prev{font-family:var(--font-body);font-size:.9rem;color:var(--color-muted);background:none;border:none;cursor:pointer;padding:.5rem 0;transition:color .15s}.a-btn-prev:hover{color:var(--color-text)}.a-results h2{margin-top:0}.a-result-persona,.a-result-score{margin-bottom:2rem;padding:1.25rem 1.5rem;border:1px solid var(--color-border);border-radius:.5rem}.a-result-persona h3,.a-result-score h3{margin:0 0 .5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-weight:600}.a-persona-value{font-size:1.35rem;font-weight:600;color:var(--color-heading);margin:0}.a-score-bar-track{height:10px;background:var(--color-border);border-radius:5px;overflow:hidden;margin:.75rem 0 .5rem}.a-score-bar-fill{height:100%;background:var(--color-accent);border-radius:5px;transition:width .6s ease}.a-score-label{font-size:.9rem;color:var(--color-muted);margin:0}.a-complete-msg{font-size:1.05rem;color:var(--color-heading)}@media(max-width:600px){.a-radio-group,.a-checkbox-group{flex-direction:column}.a-radio-option,.a-checkbox-option{width:100%}}