/* ============================================================
   Shared lead hand-off for the tool pages.
   The result is always shown first — this is only for the
   written follow-up, never a gate in front of the score.
   ============================================================ */
/* the host often sits inside the calculators' results grid — span it rather
   than being squeezed into one column, which overflows the page */
#tool-lead-host{grid-column:1/-1;width:100%;min-width:0}
.tlead{max-width:620px;margin:2rem auto 0;padding:1.5rem 1.6rem;border-radius:20px;text-align:left;
  background:rgba(82,78,240,.05);box-shadow:inset 0 0 0 1px rgba(82,78,240,.16)}
.tlead h4{font-family:'Satoshi',sans-serif;font-weight:700;font-size:1.02rem;color:var(--ink);
  margin:0 0 .35rem}
.tlead p{font-size:.86rem;line-height:1.6;color:rgba(28,22,41,.6);margin:0 0 1rem}
.tlead__row{display:grid;grid-template-columns:1fr 1fr auto;gap:.6rem}
.tlead input{padding:.7rem .9rem;border-radius:12px;border:1px solid rgba(82,78,240,.24);
  background:#fff;font-family:inherit;font-size:.9rem;color:var(--ink);min-width:0}
.tlead input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(82,78,240,.15)}
.tlead input[aria-invalid="true"]{border-color:#C0392B;box-shadow:0 0 0 3px rgba(192,57,43,.12)}
.tlead button{padding:.7rem 1.4rem;border-radius:12px;border:none;cursor:pointer;white-space:nowrap;
  font-family:inherit;font-size:.9rem;font-weight:600;color:#fff;
  background:linear-gradient(303deg,#F4F5FB -197%,var(--purple-deep) 100%);
  box-shadow:0 2px 4px -.6px rgba(16,0,69,.25),0 10px 22px -6px rgba(43,24,166,.4);
  transition:transform .18s,filter .25s}
.tlead button:hover{transform:translateY(-1px);filter:brightness(1.08)}
.tlead button:disabled{opacity:.6;cursor:default;transform:none}
.tlead small{display:block;margin-top:.7rem;font-size:.76rem;color:rgba(28,22,41,.45)}
.tlead small a{color:var(--purple-deep)}
.tlead__done{display:none;font-size:.94rem;line-height:1.65;color:#0E7A4C;font-weight:600}
.tlead.is-sent .tlead__row,.tlead.is-sent p,.tlead.is-sent small{display:none}
.tlead.is-sent .tlead__done{display:block}
@media (max-width:640px){.tlead__row{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.tlead button:hover{transform:none}}