.chooser-main { padding-top: 2.6rem; padding-bottom: 3rem; }
.chooser-main > h1 { max-width: 850px; line-height: 1.16; font-size: clamp(1.7rem,4vw,2.4rem); }
.chooser-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,245px),1fr)); gap: 0.9rem; }
.chooser-option { border: 1px solid var(--line); border-radius: var(--radius); padding: 1.2rem; color: var(--text); background: var(--card); text-align: left; cursor: pointer; font: inherit; min-height: 90px; }
.chooser-option:hover, .chooser-option:focus-visible, .chooser-option[aria-pressed="true"] { border-color: var(--accent); outline-offset: 2px; }
.chooser-result { margin-top: 2rem; padding: 1.5rem 0; border-top: 1px solid var(--line); }
.chooser-match { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.15rem; }
.chooser-match h3 { margin: 0 0 0.3rem; }
.chooser-match p { color: var(--muted); margin: 0.4rem 0; }
.chooser-match .btn { margin: 0.5rem 0.35rem 0 0; }
@media (max-width: 520px) { .chooser-main { padding-top: 1.5rem; } .chooser-result { padding-top: 1rem; } }