/* helper + tracker polish. Light theme to match the site. */
.wh-wrap{max-width:760px}
.wh-card{padding:22px!important}
.wh-prog{list-style:none;display:flex;gap:8px;margin:0 0 16px;padding:0}
.wh-prog li{flex:1;height:6px;border-radius:6px;background:#e2e8f0;position:relative;overflow:hidden}
.wh-prog li::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0272b8,#0ea5e9);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}
.wh-prog li.on::after{transform:scaleX(1)}
.wh-step h2{margin:0 0 14px;font-size:1.3rem;outline:none}
.wh-in{animation:whin .45s ease both}
@keyframes whin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.wh-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.wh-tile{position:relative;display:block!important;margin:0!important}
.wh-tile input{position:absolute;opacity:0;inset:0;width:100%!important;height:100%!important;margin:0;cursor:pointer;z-index:2}
.wh-tile span,.wh-sym{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:84px;padding:12px 8px;text-align:center;border:1.5px solid #cbd5e1;border-radius:14px;background:#fff;color:#0f172a;font:inherit;font-weight:700;font-size:.95rem;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s,background .2s}
.wh-tile i,.wh-sym i{font-style:normal;font-size:1.6rem;line-height:1}
.wh-tile input:focus-visible+span,.wh-sym:focus-visible{outline:3px solid #0ea5e9;outline-offset:2px}
.wh-tile:hover span,.wh-sym:hover{border-color:#7cc4ee;transform:translateY(-2px);box-shadow:0 6px 16px rgba(2,114,184,.12)}
.wh-tile input:checked+span{border-color:#0272b8;background:#eaf5fc}
.wh-probs{grid-template-columns:repeat(2,1fr)}
.wh-sym{flex-direction:row;justify-content:flex-start;text-align:left;min-height:62px;gap:12px;padding:12px 16px}
.wh-in .wh-sym{animation:whin .4s ease both;animation-delay:calc(var(--i)*55ms)}
.wh-back{background:none;border:0;color:#0272b8;font:inherit;font-weight:700;cursor:pointer;padding:12px 4px 0;margin-right:14px}
.wh-back:hover{text-decoration:underline}
.wh-res{background:#f4f9fd;border:1px solid #cfe5f4;border-radius:14px;padding:16px 18px;color:#0f172a}
.wh-res h3{margin:14px 0 6px;font-size:1rem}
.wh-hd{margin:0;font-weight:800;font-size:1.05rem}
.wh-causes{margin:0;padding-left:20px}.wh-causes li{margin:3px 0}
.wh-prices{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wh-prices li{display:flex;justify-content:space-between;gap:14px;align-items:baseline;background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:10px 12px}
.wh-pv{white-space:nowrap;color:#0272b8;font-size:1.05rem}
.wh-in .wh-prices li{animation:whin .4s ease both}.wh-in .wh-prices li:nth-child(2){animation-delay:.1s}.wh-in .wh-prices li:nth-child(3){animation-delay:.2s}
.wh-note,.wh-foot{font-size:.88rem;color:#475569;margin:10px 0 0}
.wh-foot{text-align:center;margin-top:14px}
.wh-btns{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:640px){.wh-tiles{grid-template-columns:repeat(2,1fr)}.wh-probs{grid-template-columns:1fr}.wh-prices li{flex-direction:column;gap:2px}.wh-btns .btn{flex:1 1 100%;text-align:center}}
/* tracker: staggered reveal */
.wh-trk.go li{animation:whin .45s ease both;animation-delay:var(--d,0s)}
.wh-trk.go li.now::before{animation:whpulse 1.8s ease-in-out infinite}
@keyframes whpulse{0%,100%{box-shadow:0 0 0 0 rgba(2,114,184,.45)}50%{box-shadow:0 0 0 7px rgba(2,114,184,0)}}
@media(prefers-reduced-motion:reduce){.wh-in,.wh-in .wh-sym,.wh-in .wh-prices li,.wh-trk.go li,.wh-trk.go li.now::before{animation:none!important}.wh-prog li::after,.wh-tile span,.wh-sym{transition:none!important}.wh-tile:hover span,.wh-sym:hover{transform:none}}
/* tracker: light, readable status list */
html body #tm.msg:not(.err){background:#e8f7ee!important;color:#14532d!important;border:1px solid #bbe5c9;border-radius:12px;padding:10px 14px}
html body .trk.wh-trk{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html body .wh-trk li{background:#fff!important;color:#475569!important;border:1.5px solid #cbd5e1!important;font-family:inherit!important;font-weight:600}
html body .wh-trk li.done{border-color:#86efac!important;color:#14532d!important;background:#f0fdf4!important}
html body .wh-trk li.done::before{background:#16a34a!important;border-color:#16a34a!important;content:"\2713";color:#fff;font-size:10px;line-height:14px;text-align:center}
html body .wh-trk li.now{border-color:#0272b8!important;color:#0f172a!important;background:#eaf5fc!important;box-shadow:0 0 0 3px rgba(2,114,184,.15)!important}
html body .wh-trk li.now::before{background:#0272b8!important;border-color:#0272b8!important}
html body .wh-trk li.note{background:#fffbeb!important;border-color:#fde68a!important;color:#0f172a!important;font-weight:500}
html body .wh-step h2:focus,html body .wh-step h2:focus-visible{outline:none!important}