.tool-finder-page{background:var(--wl-color-canvas);color:var(--wl-color-ink)}
.tool-finder-hero{border-bottom:1px solid var(--wl-color-border);background:var(--wl-color-surface)}
.tool-finder-hero .container{padding-block:clamp(52px,8vw,88px)}
.tool-finder-hero h1{max-width:820px;margin:10px 0 18px;font-size:clamp(2.25rem,6vw,4.25rem);line-height:1.08;letter-spacing:-.045em}
.tool-finder-hero p:last-child{max-width:700px;margin:0;color:var(--wl-color-text-secondary);font-size:1.08rem;line-height:1.75;overflow-wrap:anywhere}
.tool-finder-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;padding-block:clamp(48px,7vw,80px)}
.tool-finder-main{display:grid;gap:20px;min-width:0}
.tool-finder-step,.tool-finder-result,.tool-finder-side{padding:clamp(20px,4vw,30px);border:1px solid var(--wl-color-border);border-radius:12px;background:var(--wl-color-surface)}
.tool-finder-step h2,.tool-finder-result h2,.tool-finder-side h2{margin:0 0 18px;font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.3}
.tool-finder-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tool-finder-choice{min-height:64px;padding:12px 14px;border:1px solid var(--wl-color-border-strong);border-radius:10px;background:#fff;color:var(--wl-color-ink);font:inherit;font-weight:720;line-height:1.45;text-align:left;overflow-wrap:anywhere;cursor:pointer;transition:border-color var(--wl-motion-fast) var(--wl-ease-out),background var(--wl-motion-fast) var(--wl-ease-out)}
.tool-finder-choice:hover,.tool-finder-choice[aria-pressed="true"]{border-color:var(--wl-color-primary);background:var(--wl-color-primary-faint);color:var(--wl-color-primary-dark)}
.tool-finder-result{scroll-margin-top:20px}
.tool-finder-result-context{margin:0 0 8px;color:var(--wl-color-primary);font-weight:750}
.tool-finder-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tool-finder-card{display:flex;min-width:0;flex-direction:column;padding:20px;border:1px solid var(--wl-color-border);border-radius:10px;background:var(--wl-color-canvas-soft)}
.tool-finder-card--primary{border-color:#aebf8d;background:var(--wl-color-primary-faint)}
.tool-finder-card-meta{color:var(--wl-color-primary);font-size:.78rem;font-weight:760}
.tool-finder-card h3{margin:10px 0 8px;font-size:1.08rem;line-height:1.4;overflow-wrap:anywhere}
.tool-finder-card p{margin:0 0 18px;color:var(--wl-color-text-secondary);line-height:1.65;overflow-wrap:anywhere}
.tool-finder-card a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;margin-top:auto;padding:9px 12px;border:1px solid var(--wl-color-primary);border-radius:8px;background:#fff;color:var(--wl-color-primary-dark);font-weight:750;text-decoration:none}
.tool-finder-page .tool-finder-card.tool-finder-card--primary a{background:var(--wl-color-primary);color:#fff}
.tool-finder-status{margin:0;color:var(--wl-color-text-secondary);line-height:1.7}
.tool-finder-side{align-self:start;position:sticky;top:20px}
.tool-finder-side ol{display:grid;gap:16px;margin:0;padding-left:22px}
.tool-finder-side li{padding-left:4px;line-height:1.6}
.tool-finder-privacy{margin-top:24px;padding-top:20px;border-top:1px solid var(--wl-color-border)}
.tool-finder-privacy h3{margin:0 0 8px;font-size:1rem}
.tool-finder-privacy p{margin:0;color:var(--wl-color-text-secondary);font-size:.92rem;line-height:1.65;overflow-wrap:anywhere}
.tool-finder-page button:focus-visible,.tool-finder-page a:focus-visible{outline:none;box-shadow:var(--wl-focus-ring)}
@media (max-width:900px){.tool-finder-layout{grid-template-columns:1fr}.tool-finder-side{position:static}.tool-finder-result-grid{grid-template-columns:1fr}}
@media (max-width:760px){.tool-finder-choice-grid{grid-template-columns:1fr}.tool-finder-choice{min-height:44px}.tool-finder-layout{padding-block:36px}.tool-finder-step,.tool-finder-result,.tool-finder-side{padding:20px}}
@media (prefers-reduced-motion:reduce){.tool-finder-choice{transition:none}}
