/* Walkthrough form (shared by every quote section and /walkthrough/) */
.wt{--wt-accent:#fbd206;--wt-hover:#e6c000;--wt-ring:#9c8200;--wt-on:#111;--wt-ink:#111;--wt-muted:#5f6062;--wt-line:#e3e3e0;
  color:var(--wt-ink);text-align:left;max-width:620px;margin:0 auto;font-family:inherit}
.wt *{box-sizing:border-box}
.wt h3{font-size:16px;font-weight:700;margin:0 0 10px;color:var(--wt-ink)}
.wt section{margin:0}
.wt section+section{margin-top:22px}
.wt .wt-g{border:1px solid var(--wt-line);border-radius:12px;background:#fff;overflow:hidden}
.wt .wt-o{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;margin:0;min-width:0;font-weight:400}
.wt .wt-o+.wt-o{border-top:1px solid var(--wt-line)}
.wt .wt-o input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.wt .wt-d{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #a3a5a8;display:grid;place-items:center}
.wt .wt-o input:checked+.wt-d{border-color:var(--wt-ring)}
.wt .wt-o input:checked+.wt-d::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--wt-ring)}
.wt .wt-o input:focus-visible+.wt-d{outline:2px solid var(--wt-ring);outline-offset:2px}
.wt .wt-n{font-weight:600;font-size:16px;flex:1;min-width:0;color:var(--wt-ink)}
.wt .wt-s{color:var(--wt-muted);font-size:13.5px;text-align:right}
.wt .wt-f{display:flex;align-items:center;gap:12px;padding:0 16px;margin:0;min-width:0;font-weight:400}
.wt .wt-f+.wt-f,.wt .wt-p{border-top:1px solid var(--wt-line)}
.wt .wt-f>span{flex:none;width:84px;font-weight:600;font-size:14px;color:var(--wt-ink)}
.wt .wt-f input{flex:1;min-width:0;font:inherit;font-size:15px;color:var(--wt-ink);background:transparent;border:0;border-radius:0;padding:14px 0;margin:0;box-shadow:none;height:auto;width:auto;outline:none}
.wt .wt-f input::placeholder{color:#9a9b9d}
.wt .wt-f:focus-within{box-shadow:inset 3px 0 0 var(--wt-ring)}
.wt .wt-p{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}
.wt .wt-p .wt-f+.wt-f{border-top:0;border-left:1px solid var(--wt-line)}
.wt .wt-p .wt-f>span{width:auto}
.wt .wt-r{color:var(--wt-muted);font-size:12.5px;margin:8px 2px 0}
.wt .wt-dr{display:flex;align-items:center;gap:14px;padding:16px;border:1.5px dashed var(--wt-line);border-radius:12px;background:#fff;cursor:pointer;margin:0;min-width:0;font-weight:400}
.wt .wt-dr:focus-within{border-color:var(--wt-ring)}
.wt .wt-dr input{position:absolute;opacity:0;width:1px;height:1px}
.wt .wt-cam{flex:none;width:40px;height:40px;border-radius:10px;background:var(--wt-accent);color:var(--wt-on);display:grid;place-items:center}
.wt .wt-cam svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.wt .wt-dr b{display:block;font-size:15px;color:var(--wt-ink)}
.wt .wt-dr .wt-us{display:block;color:var(--wt-muted);font-size:13px;margin-top:2px;overflow-wrap:anywhere}
.wt .wt-ck{display:flex;gap:10px;align-items:flex-start;margin:10px 0 0;font-size:13.5px;color:var(--wt-muted);cursor:pointer;font-weight:400;line-height:1.45}
.wt .wt-ck input{margin-top:3px;accent-color:var(--wt-ring);width:auto;height:auto;flex:none}
.wt .wt-btn{margin-top:22px;width:100%;font:inherit;font-weight:800;font-size:16px;padding:15px 18px;border:0;border-radius:10px;background:var(--wt-accent);color:var(--wt-on);cursor:pointer}
.wt .wt-btn:hover{background:var(--wt-hover)}
.wt .wt-btn:focus-visible{outline:3px solid var(--wt-ink);outline-offset:2px}
.wt .wt-btn[disabled]{opacity:.7;cursor:wait}
.wt .wt-fine{color:var(--wt-muted);font-size:12.5px;margin:10px 0 0;text-align:center}
.wt .wt-err{color:#b42318;font-size:14px;font-weight:600;margin:12px 0 0}
.wt .wt-ok{border:1px solid var(--wt-line);border-radius:12px;padding:22px;background:#fff}
.wt .wt-ok h3{font-size:20px}
.wt .wt-ok p{margin:0;color:var(--wt-muted)}
@media (max-width:460px){
  .wt .wt-p{grid-template-columns:1fr 1fr}
  .wt .wt-p .wt-f:first-child{grid-column:1/-1}
  .wt .wt-p .wt-f+.wt-f{border-left:0;border-top:1px solid var(--wt-line)}
  .wt .wt-p .wt-f:last-child{border-left:1px solid var(--wt-line)}
  .wt .wt-f{flex-direction:column;align-items:stretch;gap:0;padding-top:10px}
  .wt .wt-f>span{width:auto;font-size:12.5px}
  .wt .wt-f input{padding:4px 0 12px}
  .wt .wt-s{display:none}
}
/* Dark pages (homepage): the form sits on a white card */
.wt-light{background:#fff !important;color:#111;border:1px solid #e3e3e0 !important;border-radius:20px;padding:28px}
.wt-light>h2{color:#111;font-size:1.35rem;margin:0 0 16px}
@media (max-width:460px){.wt-light{padding:18px}}
/* /walkthrough/ page: form left, summary card right */
.wt-page{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.wt-page .wt{margin:0;max-width:none}
.wt-card{position:sticky;top:96px;background:#111;color:#fff;border-radius:16px;padding:24px;min-height:240px}
.wt-card p{margin:0}
.wt-card .wt-chev{width:60px;margin-bottom:18px;display:block}
.wt-card .wt-kind{font-size:12.5px;font-weight:600;opacity:.75}
.wt-card .wt-big{font-size:28px;font-weight:800;line-height:1.1;margin-top:4px;color:#fbd206}
.wt-card .wt-how{font-size:14px;line-height:1.5;margin-top:12px;opacity:.92}
.wt-card .wt-q{font-size:13px;font-weight:600;opacity:.8;margin-top:20px}
.wt-card [data-for]{display:none}
.wt-card[data-type="person"] [data-for="person"],.wt-card[data-type="video"] [data-for="video"],.wt-card[data-type="quote"] [data-for="quote"]{display:inline}
@media (max-width:860px){.wt-page{grid-template-columns:1fr}.wt-card{position:static;order:-1;min-height:0}}
.wt-page .wt-card p{color:#fff}
.wt-page .wt-card .wt-big{color:#fbd206}
.wt-page .wt-card .wt-kind,.wt-page .wt-card .wt-q{color:rgba(255,255,255,.75);opacity:1}
.wt-page .wt-card .wt-how{color:rgba(255,255,255,.92);opacity:1}
/* Narrow containers (homepage hero card): city on its own row, state and zip below */
.wt{container-type:inline-size}
@container (max-width:440px){
  .wt .wt-p{grid-template-columns:1fr 1fr}
  .wt .wt-p .wt-f:first-child{grid-column:1/-1}
  .wt .wt-p .wt-f+.wt-f{border-left:0;border-top:1px solid var(--wt-line)}
  .wt .wt-p .wt-f:last-child{border-left:1px solid var(--wt-line)}
  .wt .wt-p .wt-f>span{width:84px}
  .wt .wt-s{font-size:12.5px}
}
.wt .wt-ck a{color:inherit;text-decoration:underline}
