/* Sandbox: personalisation bar + hero question */
.pz-bar{position:sticky;top:var(--navh,0px);z-index:45;background:var(--forest);color:#fff;font-family:var(--b);font-size:15px;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.pz-bar-in{max-width:1240px;margin:0 auto;padding:10px clamp(16px,4vw,40px);display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.pz-bar b{color:var(--green);font-weight:600}
.pz-sw{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-weight:600}
.pz-sw select{font:inherit;font-weight:600;padding:8px 12px;border-radius:10px;border:2px solid var(--green);background:#fff;color:var(--forest);cursor:pointer}
.pz-link{font:inherit;background:none;border:0;color:#fff;text-decoration:underline;cursor:pointer;padding:6px}
.pz-sw select:focus-visible,.pz-link:focus-visible,.pz-opts button:focus-visible{outline:3px solid #ffd84d;outline-offset:2px}

.v3 .hero p.pz-sub{margin:28px 0 30px}
.pz-q{margin:0 0 34px;padding:20px 22px;border:2px solid var(--green);border-radius:16px;max-width:760px;background:rgba(77,242,138,.08)}
.v3 .hero p.pz-q-label{margin:0 0 14px;font-family:var(--h);font-size:20px;font-weight:400}
.pz-opts{display:flex;flex-wrap:wrap;gap:10px}
.pz-opts button{font:inherit;font-size:16px;font-weight:600;padding:12px 18px;border-radius:999px;border:2px solid var(--forest);background:#fff;color:var(--forest);cursor:pointer;transition:.2s}
.pz-opts button:hover{background:var(--mint)}
.pz-opts button[aria-pressed="true"]{background:var(--forest);color:#fff;border-color:var(--forest)}
.pz-fade{animation:pzf .35s ease}
@keyframes pzf{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (max-width:640px){.pz-sw{margin-left:0}.pz-opts button{width:100%;text-align:left}}
