.finder-page-hero{padding:72px 0 42px;background:var(--ivory)} .finder-page-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:48px;align-items:center} .finder-page-hero h1{max-width:720px;margin:12px 0 18px} .finder-page-hero p{max-width:680px} .finder-disclaimer{font-size:.88rem;color:var(--muted)} .finder-hero-image{border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:var(--deep)} .finder-hero-image img{width:100%;height:360px;object-fit:cover;display:block}
.finder-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start} .finder-card,.finder-aside,.finder-result{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)} .finder-card{padding:28px} .finder-progress{display:flex;gap:18px;align-items:center;color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase} .finder-progress-track{height:6px;flex:1;border-radius:999px;background:var(--ivory);overflow:hidden} .finder-progress-track span{display:block;height:100%;width:20%;border-radius:999px;background:var(--orange);transition:width .25s ease}
.finder-step{border:0;padding:34px 0 12px;margin:0} .finder-step legend{font-family:Georgia,serif;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.1;color:var(--deep);margin-bottom:22px;max-width:720px} .finder-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .finder-option{border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;text-align:left;padding:16px 18px;min-height:60px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s} .finder-option:hover,.finder-option[aria-pressed=true]{border-color:var(--orange);background:var(--orange-soft);transform:translateY(-1px)} .finder-option:focus-visible,.finder-reset:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.finder-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:20px} .finder-error{color:#9b321f;font-weight:700;margin:8px 0 0} .finder-aside{padding:26px;position:sticky;top:24px} .finder-aside h2{font-size:1.4rem;margin:14px 0 10px} .finder-aside p{margin:0 0 18px;color:var(--muted)} .finder-result{padding:42px;max-width:900px} .finder-result h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:12px 0} .finder-warning{border-left:4px solid var(--orange);background:var(--orange-soft);padding:15px 18px;color:var(--deep);font-weight:700} .finder-reset{border:0;background:transparent;padding:10px 0;cursor:pointer}
.finder-common-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .finder-common-grid a{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:14px;padding:20px;color:var(--ink);background:#fff;transition:border-color .2s,transform .2s} .finder-common-grid a:hover{border-color:var(--orange);transform:translateY(-2px)} .finder-common-grid strong{color:var(--deep);font-size:1.05rem} .finder-common-grid span{color:var(--muted);font-size:.92rem;line-height:1.5} .nav-finder{white-space:nowrap}
@media (max-width:1050px){.finder-layout{grid-template-columns:1fr}.finder-aside{position:static}.finder-common-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:780px){.finder-page-hero-grid{grid-template-columns:1fr;gap:28px}.finder-hero-image img{height:270px}.finder-options{grid-template-columns:1fr}.finder-card{padding:22px}.finder-result{padding:30px}} @media (max-width:520px){.finder-page-hero{padding-top:48px}.finder-progress{gap:10px;font-size:.72rem}.finder-actions{justify-content:stretch;flex-wrap:wrap}.finder-actions .button{flex:1}.finder-common-grid{grid-template-columns:1fr}.finder-result{padding:24px}}
.finder-card[hidden],[data-finder-result][hidden],.finder-step[hidden],.finder-error[hidden],.finder-warning[hidden],.finder-selection[hidden]{display:none!important}.finder-step.is-current{display:block}.finder-selection{display:inline-flex;align-items:center;margin:12px 0 0;padding:9px 13px;border-radius:999px;background:var(--deep);color:#fff;font-weight:800}.finder-option[aria-pressed=true]{background:var(--deep);border-color:var(--deep);color:#fff;box-shadow:0 0 0 3px rgba(239,113,66,.24);transform:none}.finder-option[aria-pressed=true]::after{content:'  ? Selected';color:#ffb08c;font-size:.78em;font-weight:800}.finder-is-visible{display:block!important}