/* Shared tool entry and guided-input roles. Saved reports and PDFs are separate. */
:root{--tool-question-size:clamp(1.75rem,3.5vw,2.5rem);--tool-section-size:clamp(1.25rem,2.5vw,1.5rem)}
.tool-intro{width:min(100%,980px);margin:0 auto;padding:clamp(28px,4vw,48px) 24px 56px;min-width:0;font-size:1rem;line-height:1.55;overflow-wrap:anywhere}
.tool-intro__header{max-width:760px}
.tool-intro .tool-intro__header h1{font:500 clamp(2rem,4.5vw,3rem)/1.15 var(--font-heading);letter-spacing:-.025em;max-width:28ch;margin:10px 0 18px}
.tool-intro__header>h2{font:500 var(--tool-section-size)/1.35 var(--font-heading);margin:0 0 18px}
.tool-intro__header>p:not(.eyebrow){font-size:1.125rem;line-height:1.55}
.tool-intro__header>:last-child{margin-bottom:0}
.tool-intro__notice{max-width:760px;margin-top:20px}
.tool-intro__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 32px}
.tool-intro__actions>.fi-actions,.tool-intro__actions>p{margin:0}
.tool-intro__actions form{margin:0;max-width:100%}
.tool-intro .button{min-height:48px;max-width:100%;white-space:normal;text-align:center}
.tool-intro__details{border-top:1px solid var(--line);padding-top:24px}
.tool-intro__header+.tool-intro__details{margin-top:24px}
.tool-intro__details>:first-child{margin-top:0}
.tool-intro__details .property-preview__intro-details>*+*{margin-top:24px}
.tool-intro__details>.fi-card,.tool-intro__details>.ca-card,.tool-intro__details>.ra-card{margin:24px 0;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.tool-intro--embedded{width:100%;padding:0}
.tool-guided h1.tool-question-title,.tool-guided legend:has(>h1.tool-question-title){font:500 var(--tool-question-size)/1.2 var(--font-heading);letter-spacing:-.02em;max-width:32ch;margin:0 0 18px;overflow-wrap:anywhere;text-wrap:balance}
.tool-guided fieldset>legend:not(:has(>h1)),.tool-guided .fi-card fieldset>legend:not(:has(>h1)){font:500 var(--tool-section-size)/1.3 var(--font-heading);max-width:100%;margin-bottom:18px;overflow-wrap:anywhere}
.tool-guided fieldset>legend>strong{font-weight:inherit}
.tool-guided .question-help{font-size:1rem;line-height:1.55;color:var(--muted)}
@media(max-width:560px){
    .tool-intro{padding:24px 16px 40px}
    .tool-intro--embedded{padding:0}
    .tool-intro__actions{align-items:stretch;flex-direction:column;gap:12px}
    .tool-intro__actions>.fi-actions{align-items:stretch;flex-direction:column;gap:12px}
    .tool-intro__actions :is(.button,form){width:100%}
    /* Existing fi-actions uses a row flex-basis; do not turn it into button height. */
    .tool-intro .tool-intro__actions .button{flex:0 0 auto}
    .tool-intro__details>.fi-card,.tool-intro__details>.ca-card,.tool-intro__details>.ra-card{padding:20px 18px}
}