/* split out of style.css (Oct 29, 2026): loaded only on the page that uses it */

.picker-hero .pk-lede{max-width:44em;font-size:1.05rem;color:#4F5A45;margin:0}
.wiz{background:var(--white);border-radius:22px;box-shadow:0 4px 24px rgba(34,51,27,.10);max-width:780px;margin:0 auto;padding:24px 28px 22px}
.wiz-prog{display:flex;align-items:center;gap:10px;font:700 .78rem var(--body);letter-spacing:.07em;text-transform:uppercase;color:var(--marigold-ink)}
.wiz-dots{display:flex;gap:6px;margin-left:auto}
.wiz-dots i{width:10px;height:10px;border-radius:50%;background:var(--sage-soft);display:block}
.wiz-dots i.done{background:var(--sage)}
.wiz-dots i.cur{background:var(--marigold)}
.wiz-step h2{font-family:var(--display);font-size:1.7rem;color:var(--forest);margin:14px 0 4px;font-weight:600;line-height:1.2}
.wiz-step h2:focus{outline:none}
.wiz-sub{color:#6B6455;font-size:.95rem;margin:0 0 18px}
.wiz-nav{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #EEF0E6;white-space:nowrap}
.wiz-nav button{font-family:var(--body);cursor:pointer;border:0;background:none}
.wiz-back{font:600 .92rem var(--body);color:var(--pine);padding:10px 6px 10px 0}
.wiz-back:disabled{opacity:.35;cursor:default}
.wiz-skip{margin-left:auto;font:600 .92rem var(--body);color:#6B6455;padding:10px 10px}
.wiz-skip:hover,.wiz-back:not(:disabled):hover{color:var(--forest);text-decoration:underline}
.wiz-nav .wiz-next{background:var(--forest);color:var(--glass);border-radius:12px;padding:12px 20px;font:700 .95rem var(--body)}
.wiz-nav .wiz-next:hover{background:var(--pine)}
.wiz-nav button:focus-visible{outline:3px solid var(--marigold);outline-offset:2px}
.wiz-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;width:440px;max-width:calc(100% - 28px);z-index:300;background:var(--forest);color:var(--glass);border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:10px;font:700 1rem var(--body);box-shadow:0 10px 30px rgba(0,0,0,.28)}
.wiz-bar[hidden]{display:none}
.wiz-bar-n{background:var(--marigold);color:var(--forest);border-radius:99px;padding:2px 10px;font-size:.85rem;min-width:2.4em;text-align:center}
.wiz-see{margin-left:auto;background:none;border:0;color:var(--glass);font:600 .92rem var(--body);cursor:pointer;padding:6px 2px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.wiz-see:hover{color:#fff}
.wiz-see:focus-visible{outline:3px solid var(--marigold);outline-offset:2px}
body.wiz-steps .gg-fab{display:none}
body.wiz-steps main{padding-bottom:84px}
body.wiz-steps #toTop{bottom:84px}
.pk-results[hidden]{display:none}
.pk-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 10px}
.pk-head h2{font-family:var(--display);font-size:1.7rem;color:var(--forest);margin:0}
.pk-head h2:focus{outline:none}
.pk-n{background:var(--marigold);color:var(--forest);border-radius:99px;padding:3px 11px;font:700 .85rem var(--body)}
.pk-reset{margin-left:auto;font:600 .88rem var(--body);color:#6B6455;background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:6px 0}
.pk-reset:hover{color:var(--forest)}
.pk-answers{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px}
.pk-chip{border:1.5px solid var(--sage);background:var(--white);border-radius:99px;padding:7px 13px;font:600 .82rem var(--body);color:var(--pine);cursor:pointer}
.pk-chip:hover{background:var(--sage-soft)}
.pk-change{border:0;background:none;font:700 .85rem var(--body);color:var(--marigold-ink);cursor:pointer;padding:7px 4px}
.pk-change:hover{text-decoration:underline}
.pk-chip:focus-visible,.pk-change:focus-visible{outline:3px solid var(--marigold);outline-offset:2px}
.pk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.pk-ph{aspect-ratio:4/3;background:var(--sage-soft);position:relative;display:flex;align-items:center;justify-content:center}
.pk-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pk-none svg{width:46px;height:46px;opacity:.55}
.pk-role{position:absolute;top:12px;left:12px;font:700 .64rem var(--body);letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.92);color:var(--pine);padding:4px 9px;border-radius:99px}
.pk .r-save.pk-save{position:absolute;top:10px;right:10px;width:36px;height:36px;border-color:var(--marigold);background:var(--marigold);color:var(--forest);font-size:1.4rem;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.pk .r-save.pk-save:hover{background:#f2b02a;border-color:#f2b02a}
.pk .r-save.pk-save.on{background:var(--pine);border-color:var(--pine);color:var(--glass);font-size:1.05rem}
.pk-b{padding:12px 14px 14px;flex:1;display:flex;flex-direction:column}
.pk-d{font-size:.86rem;color:#5C5546;line-height:1.45;margin:0 0 10px}
.pk-vars{margin-top:12px;padding-top:10px;border-top:1px dashed var(--sage-soft)}
.pk-vars > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;margin-bottom:0}
.pk-vars > summary::-webkit-details-marker{display:none}
.pk-vars[open] > summary{margin-bottom:8px}
.pk-caret{margin-left:auto;width:9px;height:9px;border-right:2px solid var(--pine);border-bottom:2px solid var(--pine);transform:rotate(45deg);transition:transform .15s;flex:0 0 auto}
.pk-vars[open] .pk-caret{transform:rotate(-135deg)}
.pk-vars > summary:focus-visible{outline:3px solid var(--marigold);outline-offset:2px;border-radius:6px}
@media (max-width:640px){
  .wiz{padding:18px 16px 16px;border-radius:18px}
  .wiz-step h2{font-size:1.4rem}
  .wiz-nav{gap:8px}
  .wiz-back,.wiz-skip{font-size:.86rem}
  .wiz-nav .wiz-next{padding:11px 16px;font-size:.9rem}
  .wiz-bar{left:14px;right:14px;width:auto;max-width:none;transform:none;bottom:14px;font-size:.95rem}
  body.wiz-steps main{padding-bottom:80px}
  .pk-grid{grid-template-columns:1fr 1fr;gap:10px}
  .pk-b{padding:10px 10px 12px}
  .pk-d{display:none}
  .pk .r-save.pk-save{width:32px;height:32px;font-size:1.25rem}}