.q{--q-accent:var(--accent);--q-accent-hover:var(--accent-hover);--q-on-accent:#fff;--q-ink:var(--ink);--q-text:var(--text);--q-muted:var(--muted);--q-line:var(--line-strong);--q-field:#fff;--q-selected:var(--accent-soft);--q-selected-line:var(--accent);--q-error:var(--error);--q-focus:var(--ink);--q-radius:var(--radius-sm);color:var(--q-text);container-type:inline-size}.q [hidden]{display:none!important}.q *,.q :before,.q :after{box-sizing:border-box}.q__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.q__form{gap:1.5rem;display:grid}.q__step{border:0;gap:1.25rem;min-width:0;margin:0;padding:0;display:grid}.q__legend{margin:0;padding:0}.q__heading{font-family:var(--font-body);letter-spacing:-.015em;color:var(--q-ink);margin:0;font-size:clamp(1.375rem,1.25rem + .45vw,1.625rem);font-weight:600;line-height:1.2}.q__heading:focus{outline:none}.q__step>.q__hint{margin:.75rem 0 0}.q__hint{color:var(--q-muted);margin:0;font-size:.9375rem;line-height:1.45}.q__hint--small{font-size:.8125rem}.q__group{border:0;gap:.6rem;min-width:0;margin:0;padding:0;display:grid}.q__label{color:var(--q-ink);margin:0;padding:0;font-size:.9375rem;font-weight:600}.q__opt{color:var(--q-muted);font-weight:400}.q__field{gap:.45rem;min-width:0;display:grid}.q__row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}@container (width<=32rem){.q__row{grid-template-columns:1fr}}.q__chips{flex-wrap:wrap;gap:.5rem;display:flex}.q-chip,.q-card{cursor:pointer;display:block;position:relative}.q-chip__input,.q-card__input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.q-chip__box{border:1px solid var(--q-line);border-radius:var(--q-radius);background:var(--q-field);min-height:44px;color:var(--q-ink);align-items:center;padding:.45rem 1rem;font-size:.9375rem;font-weight:500;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}.q-chip:hover .q-chip__box,.q-card:hover .q-card__box{border-color:var(--q-ink)}.q-chip__input:checked+.q-chip__box{background:var(--q-accent);border-color:var(--q-accent);color:var(--q-on-accent)}.q-chip__input:focus-visible+.q-chip__box,.q-card__input:focus-visible+.q-card__box{outline:2px solid var(--q-focus);outline-offset:3px}.q__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}@container (width<=26rem){.q__cards{grid-template-columns:1fr}}.q-card__box{border:1px solid var(--q-line);border-radius:var(--q-radius);background:var(--q-field);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;height:100%;min-height:76px;padding:.9rem .95rem;transition:border-color .16s,background-color .16s,box-shadow .16s;display:grid}.q-card__icon{color:var(--q-accent)}.q-card__text{gap:.15rem;display:grid}.q-card__label{color:var(--q-ink);font-weight:600;line-height:1.25}.q-card__hint{color:var(--q-muted);font-size:.8125rem;line-height:1.35}.q-card__tick{border:1px solid var(--q-line);color:#0000;border-radius:50%;width:1.3rem;height:1.3rem;padding:.15rem}.q-card__input:checked+.q-card__box{background:var(--q-selected);border-color:var(--q-selected-line);box-shadow:inset 0 0 0 1px var(--q-selected-line)}.q-card__input:checked+.q-card__box .q-card__tick{background:var(--q-accent);border-color:var(--q-accent);color:#fff}.q__input{border:1px solid var(--q-line);border-radius:var(--q-radius);background:var(--q-field);width:100%;min-height:48px;color:var(--q-ink);font:inherit;padding:.6rem .85rem;font-size:1rem}.q__input:focus{outline:2px solid var(--q-focus);outline-offset:2px;border-color:var(--q-ink)}.q__input[aria-invalid=true]{border-color:var(--q-error)}.q__input--short{text-transform:uppercase;max-width:14rem}.q__textarea{resize:vertical;min-height:92px}.q__error{color:var(--q-error);margin:0;font-size:.875rem;font-weight:600}.q__area{color:var(--q-ink);margin:0;font-size:.875rem}.q__area:empty{display:none}.q__group[data-invalid] .q-chip__box,.q__group[data-invalid] .q-card__box{border-color:var(--q-error)}.q__progress{gap:.6rem;display:grid}.q__count{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--q-muted);margin:0;font-size:.75rem;font-weight:500}.q__track{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.q__track li{border-top:2px solid var(--line);color:var(--q-muted);align-items:flex-start;gap:.5rem;min-width:0;margin:0;padding-top:.6rem;font-size:.8125rem;transition:border-color .26s,color .26s;display:flex}.q__track li[data-state=current],.q__track li[data-state=done]{border-top-color:var(--q-accent);color:var(--q-ink)}.q__dot{border:1px solid;border-radius:50%;flex:none;place-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:600;display:grid}.q__track li[data-state=current] .q__dot,.q__track li[data-state=done] .q__dot{background:var(--q-accent);border-color:var(--q-accent);color:#fff}.q__track-label{overflow-wrap:anywhere;min-width:0;padding-top:.15rem;line-height:1.25}@container (width<=28rem){.q__track-label{display:none}.q__track li{justify-content:center}}.q__summary{border:1px solid var(--q-line);border-radius:var(--q-radius);background:var(--q-field);margin:0;display:grid;overflow:hidden}.q__summary>div{border-top:1px solid var(--line);grid-template-columns:minmax(7.5rem,.34fr) minmax(0,1fr);gap:.25rem 1rem;padding:.7rem 1rem;display:grid}.q__summary>div:first-child{border-top:0}.q__summary dt{color:var(--q-ink);font-size:.875rem;font-weight:600}.q__summary dd{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;min-width:0;margin:0;display:flex}.q__summary dd>span{overflow-wrap:anywhere;white-space:pre-line;min-width:0;color:var(--q-text);flex:12rem}@container (width<=34rem){.q__summary>div{grid-template-columns:1fr}}.q__change{min-height:36px;color:var(--q-accent);font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;flex:none;padding:.2rem .4rem;font-size:.875rem;font-weight:600;text-decoration:underline}.q__change:hover{color:var(--q-accent-hover)}.q__change:focus-visible{outline:2px solid var(--q-focus);outline-offset:2px}.q__demo{color:var(--q-muted);margin:0;font-size:.8125rem}.q__nav{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem 1rem;padding-top:.25rem;display:flex}.q__go{justify-items:end;gap:.45rem;margin-left:auto;display:grid}.q__caption{color:var(--q-muted);text-align:right;margin:0;font-size:.8125rem}.q__btn{border:1px solid var(--q-accent);border-radius:var(--q-radius);min-height:48px;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.55rem;padding:0 1.4rem;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;transition:background-color .16s,color .16s,transform .16s;display:inline-flex}.q__btn svg{transition:transform .2s var(--ease)}.q__btn--main{background:var(--q-accent);color:var(--q-on-accent)}.q__btn--main:hover{background:var(--q-accent-hover);border-color:var(--q-accent-hover)}.q__btn--main:hover svg{transform:translate(3px)}.q__btn--back,.q__btn--ghost{color:var(--q-ink);border-color:var(--q-line);background:0 0}.q__btn--back:hover,.q__btn--ghost:hover{border-color:var(--q-ink)}.q__btn:active{transform:translateY(1px)}.q__btn:focus-visible{outline:2px solid var(--q-focus);outline-offset:3px}.q__nojs{justify-items:start;gap:.5rem;display:grid}.q__nojs .q__caption{text-align:left}.nojs-only-q{display:inline}.js .nojs-only-q{display:none}.q__done{border-radius:var(--q-radius);background:var(--q-selected);box-shadow:inset 0 0 0 1px var(--q-selected-line);color:var(--q-text);justify-items:start;gap:.75rem;padding:clamp(1.5rem,1.2rem + 1.5vw,2.25rem);display:none}.q__done:focus{outline:none}.q__done p{margin:0}.q__done-icon{color:var(--q-accent)}.q__held{color:var(--q-ink);font-weight:600}.q__done .q__btn{margin-top:.5rem}.q__done:target,.q[data-sent] .q__done{display:grid}.q:has(.q__done:target) .q__form,.q[data-sent] .q__form{display:none}html:not(.js) .q .needs-js-q{display:none!important}.js .q__nojs,.js .q__step:not([data-active]){display:none}.js .q__step[data-active]{animation:q-in .32s var(--ease)}@keyframes q-in{0%{opacity:0;transform:translate(14px)}}.js .q[data-dir=back] .q__step[data-active]{animation-name:q-in-back}@keyframes q-in-back{0%{opacity:0;transform:translate(-14px)}}@media (prefers-reduced-motion:reduce){.js .q__step[data-active]{animation:none}.q__btn svg{transition:none}}
