@layer components{.quiz{gap:var(--space-4);max-width:48rem;padding:var(--space-5);border:var(--border-width) solid color-mix(in lab, var(--dark-900) 12%, transparent);border-top:.3rem solid var(--brand-500);border-radius:var(--radius-main);background:var(--light-100);display:grid;box-shadow:0 1rem 2.5rem #13223114}.quiz_form[hidden],.quiz_result[hidden]{display:none}.quiz_kicker{color:var(--brand-600);font-size:.75rem;font-weight:var(--primary-bold);letter-spacing:.1em;text-transform:uppercase;margin:0}.quiz_heading{font-family:var(--heading-family);margin:.35rem 0 0;font-size:clamp(1.45rem,1.2rem + .8vw,2rem);line-height:1.1}.quiz_intro-text{margin:var(--space-2) 0 0;color:color-mix(in lab, var(--dark-900) 68%, transparent)}.quiz_progress{border-radius:var(--radius-round);background:var(--light-300);height:.4rem;overflow:hidden}.quiz_progress-bar{border-radius:inherit;background:var(--brand-500);width:20%;height:100%;transition:width .25s;display:block}.quiz_count{color:color-mix(in lab, var(--dark-900) 56%, transparent);font-size:.78rem;font-weight:var(--primary-semibold);letter-spacing:.08em;text-transform:uppercase;margin:0}.quiz_step{border:0;margin:0;padding:0}.quiz_legend{font-family:var(--heading-family);font-size:clamp(1.2rem,1rem + .5vw,1.5rem);font-weight:var(--primary-bold);padding:0}.quiz_help{margin:var(--space-2) 0 var(--space-3);color:color-mix(in lab, var(--dark-900) 64%, transparent);font-size:.9rem}.quiz_options{gap:.55rem;display:grid}.quiz_option{align-items:center;gap:var(--space-2);border:var(--border-width) solid var(--light-300);border-radius:var(--radius-small);background:var(--light-200);cursor:pointer;font-weight:var(--primary-semibold);padding:.75rem .85rem;display:flex}.quiz_option:has(input:checked){border-color:var(--brand-500);background:color-mix(in lab, var(--brand-500) 12%, var(--light-100))}.quiz_option input{width:1.1rem;height:1.1rem;accent-color:var(--brand-500)}.quiz_actions,.quiz_result-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.quiz_actions{margin-top:var(--space-3)}.quiz_button{border-radius:var(--radius-small);background:var(--dark-800);min-height:2.75rem;color:var(--light-100);font:inherit;font-weight:var(--primary-bold);cursor:pointer;border:0;padding:.65rem 1rem}.quiz_button--ghost{border:var(--border-width) solid var(--light-300);color:var(--dark-800);background:0 0}.quiz_result{gap:var(--space-2);display:grid}.quiz_result-label{color:var(--brand-600);font-size:.75rem;font-weight:var(--primary-bold);letter-spacing:.1em;text-transform:uppercase;margin:0}.quiz_result-name{font-family:var(--heading-family);margin:0;font-size:clamp(1.5rem,1.2rem + 1vw,2.2rem)}.quiz_result-tagline{color:color-mix(in lab, var(--dark-900) 70%, transparent);margin:0}.quiz_result-next{border-left:.2rem solid var(--brand-500);background:color-mix(in lab, var(--brand-500) 8%, var(--light-100));color:color-mix(in lab, var(--dark-900) 76%, transparent);margin:.25rem 0 0;padding:.8rem .9rem;font-size:.92rem}.quiz_result-next strong{color:var(--dark-900)}.quiz_result-summary{border:var(--border-width) solid var(--light-300);border-radius:var(--radius-small);background:var(--light-200);gap:.55rem;padding:.9rem 1rem;display:grid}.quiz_result-summary-label,.quiz_lead-kicker{color:var(--brand-600);font-size:.72rem;font-weight:var(--primary-bold);letter-spacing:.1em;text-transform:uppercase;margin:0}.quiz_result-summary-list{color:color-mix(in lab, var(--dark-900) 76%, transparent);gap:.45rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.quiz_result-summary-list li{gap:.1rem;display:grid}.quiz_result-summary-list strong{color:var(--dark-900);font-size:.78rem}.quiz_lead{gap:var(--space-3);padding-top:var(--space-3);border-top:var(--border-width) solid var(--light-300);display:grid}.quiz_lead-heading{font-family:var(--heading-family);margin:.25rem 0 0;font-size:clamp(1.25rem,1.05rem + .7vw,1.6rem)}.quiz_lead-text{color:color-mix(in lab, var(--dark-900) 68%, transparent);margin:.35rem 0 0;font-size:.92rem}.quiz_lead-form{gap:var(--space-3);width:100%;display:grid}.quiz_lead-form .form_fields{gap:var(--space-3);display:grid}.quiz_lead-fields{gap:var(--space-3);row-gap:var(--space-3);column-gap:var(--space-3);display:grid}.quiz_lead-form .field{gap:var(--space-1)}.quiz_lead-form .field-label{color:var(--dark-800);font-size:.875rem;font-weight:var(--primary-semibold)}.quiz_lead-form .field-control{--field-pad-block:.45em;--field-pad-inline:.7em;background-color:var(--light-100);border-color:var(--light-300);font-size:.9375rem}.quiz_lead-form .field-control:focus-visible{border-color:var(--accent-500);box-shadow:0 0 0 .1875rem #2a6e8f26}.quiz_lead-fields .form-textarea,.quiz_lead-form .quiz_submit{grid-column:1/-1}.quiz_lead-form textarea.field-control{min-height:5rem}.quiz_submit{justify-content:center;width:100%}.quiz_lead-form .form_note{border:var(--border-width) solid var(--light-300);border-radius:var(--radius-small);margin:0;padding:.8rem .9rem;font-size:.9rem;display:none}.quiz_lead-form[data-state=unconfigured] .form_note-unconfigured{display:block}@media (min-width:42rem){.quiz_lead-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}}