.chooser{max-width:1040px;margin:0 auto 6rem}.chooser-intro{max-width:760px;padding:2rem 0 3rem}.chooser-intro h1{max-width:15ch;font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.04}.chooser-intro>p:last-child{max-width:60ch;font-size:1.15rem;color:var(--ink-2)}.chooser-kicker{font-weight:700;color:var(--accent);margin:0 0 .7rem}.chooser-form{border-top:1px solid var(--line-2)}.chooser fieldset{border:0;border-bottom:1px solid var(--line-2);margin:0;padding:2.5rem 0}.chooser legend{padding:0;font-size:1.5rem;font-weight:700}.chooser legend span{display:inline-grid;place-items:center;width:2rem;height:2rem;margin-right:.6rem;border:1px solid var(--line-2);border-radius:50%;font-size:.9rem}.chooser-hint{color:var(--muted);margin:.4rem 0 1.25rem}.chooser-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.chooser-options label,.chooser-priorities label{cursor:pointer}.chooser-options label{display:flex;align-items:flex-start;gap:.65rem;padding:1rem;min-height:7rem;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);line-height:1.35}.chooser-options label:has(input:checked),.chooser-priorities label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.chooser-options input,.chooser-priorities input{accent-color:var(--accent);width:1.1rem;height:1.1rem;flex:none;margin:.2rem 0 0}.chooser-options span{font-weight:700}.chooser-options small{display:block;font-weight:400;color:var(--muted);margin-top:.4rem}.chooser-priorities{display:flex;flex-wrap:wrap;gap:.6rem}.chooser-priorities label{display:flex;gap:.5rem;align-items:center;padding:.7rem .9rem;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface)}.chooser-priorities input{margin:0}.chooser-submit{margin:1.5rem 0 3rem}.chooser-result{scroll-margin-top:var(--hdr);outline:0;border-top:2px solid var(--ink);padding-top:2rem}.chooser-result h2{font-size:clamp(2rem,4vw,3rem);margin:.2rem 0}.chooser-result>p{max-width:68ch}.chooser-recommendation{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:2rem 0 0;padding:2rem;border-radius:var(--r);background:var(--accent-soft);border:1px solid var(--accent-line)}.chooser-recommendation h3,.chooser-advice h3,.chooser-share h3{margin:0 0 .4rem;font-size:1.2rem}.chooser-recommendation p,.chooser-advice p,.chooser-share p{margin:.2rem 0 .8rem}.chooser-recommendation .btn{flex:none}.chooser-advice,.chooser-share{padding:1.5rem 0;border-bottom:1px solid var(--line)}.chooser-share-row{display:flex;gap:.6rem}.chooser-share-row input{min-width:0;flex:1;padding:.7rem;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);color:var(--ink);font:inherit}.chooser-disclaimer{font-size:.9rem;color:var(--muted)}.chooser :focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:760px){.chooser-options{grid-template-columns:repeat(2,minmax(0,1fr))}.chooser-intro{padding:1rem 0 2rem}.chooser-recommendation{align-items:flex-start;flex-direction:column}.chooser-priorities label{width:100%}}@media(max-width:420px){.chooser-options{grid-template-columns:1fr}.chooser-options label{min-height:0}.chooser-share-row{flex-direction:column}}
