.quiz{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.quiz__head{align-items:center;gap:var(--space-8);height:var(--header-h);padding:0 var(--wrap-pad);border-bottom:var(--line) solid var(--color-text);flex:none;display:flex}.quiz__head .logo__name{font-size:26px}.quiz__progress{align-items:center;gap:var(--space-4);flex:1;min-width:0;display:flex}.quiz__progress>span{font-size:var(--type-small);white-space:nowrap;font-weight:500}.progress-bars{gap:var(--space-1);flex:1;max-width:420px;display:flex}.progress-bars i{background:var(--color-divider);height:6px;transition:background-color var(--motion-disclosure) ease-out;flex:1}.progress-bars__bar--done{background:var(--color-text)}.progress-bars__bar--current{background:var(--color-action)}.quiz__head>a:not(.logo){font-size:var(--type-small);font-weight:500}.quiz__body{flex:1;min-height:0;display:flex}.quiz__ask{gap:var(--space-6);padding:var(--space-10) var(--space-10) var(--space-8);border-right:var(--line) solid var(--color-text);flex-direction:column;flex:0 0 520px;display:flex}.quiz__ask h1{font:600 var(--type-quiz) / var(--type-h2-lh) var(--font-display);margin:0}.quiz__ask .quiz__hint{margin:var(--space-2) 0 0;color:var(--color-text-muted)}.quiz__options{gap:var(--space-2);padding:var(--space-1);flex-direction:column;flex:1;display:flex}.choice-card{align-items:center;gap:var(--space-4);width:100%;min-height:64px;padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:var(--color-surface);box-shadow:inset 0 0 0 var(--line) var(--color-control-border);color:var(--color-text);font:500 var(--type-button) / 1.3 var(--font-text);text-align:left;cursor:pointer;transition:box-shadow var(--motion-color) ease-out, background-color var(--motion-color) ease-out, transform var(--motion-press-up) var(--spring);border:0;display:flex}.choice-card:hover{box-shadow:inset 0 0 0 var(--line) var(--color-text)}.choice-card:active{background:var(--color-press);transition-duration:var(--motion-press-down);transform:scale(.985)}.choice-card[aria-pressed=true]{background:var(--color-selected);box-shadow:inset 0 0 0 2px var(--color-text)}.choice-card:has(input:checked){background:var(--color-selected);box-shadow:inset 0 0 0 2px var(--color-text)}.choice-card .choice-card__sub{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--type-label);font-weight:400;display:block}.choice-card .choice-card__price{font-size:var(--type-label);white-space:nowrap;margin-left:auto}.choice-card__tick{width:24px;height:24px;box-shadow:inset 0 0 0 var(--line) var(--color-text);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.choice-card__tick svg{visibility:hidden}.choice-card[aria-pressed=true] .choice-card__tick{background:var(--color-text)}.choice-card[aria-pressed=true] .choice-card__tick svg{visibility:visible;stroke:var(--color-canvas)}.icon{fill:var(--color-sage);stroke:var(--color-text);stroke-width:1.5px;flex:none}.icon--up{fill:none}.icon--up rect{fill:var(--color-sage)}.swatch{border:var(--line) solid var(--color-text);flex:none;width:40px;height:40px}.appliances{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.appliances .choice-card{align-items:flex-start;gap:var(--space-2);min-height:72px;padding:var(--space-2) var(--space-4)}.appliances input{width:22px;height:22px;accent-color:var(--color-action);flex:none;margin:0}.appliances input:focus-visible{outline:var(--focus-ring) solid var(--color-focus);outline-offset:2px}.dims{gap:var(--space-4);flex-direction:column;display:flex}.dims label:not(.checkbox){font-weight:600}.dims__row{align-items:center;gap:var(--space-4);display:flex}.dims__range{min-width:0;height:28px;accent-color:var(--color-action);flex:1}.dims__number{width:96px;height:48px;padding:0 var(--space-4);border:var(--line) solid var(--color-text);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:600 18px var(--font-text);font-variant-numeric:tabular-nums;text-align:right}.dims__number:focus-visible{outline-color:var(--color-focus-field)}.dots{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.dots__dot{width:40px;height:40px;box-shadow:inset 0 0 0 var(--line) var(--color-text);cursor:pointer;transition:transform var(--motion-press-up) var(--spring);border:0;border-radius:50%}.dots__dot:active{transition-duration:var(--motion-press-down);transform:scale(.92)}.dots__dot[aria-pressed=true]{box-shadow:inset 0 0 0 var(--line) var(--color-text), 0 0 0 3px var(--color-canvas), 0 0 0 5px var(--color-text)}.dots__name{margin-left:var(--space-2);color:var(--color-text-muted);font-size:var(--type-label)}.quiz__nav{align-items:center;gap:var(--space-2);display:flex}.quiz__nav .button--quiet{margin-left:auto}.quiz__draw{min-width:0;padding:var(--space-8) var(--space-10);flex-direction:column;flex:1;display:flex}.quiz__canvas{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.plan{width:100%;max-width:680px;height:auto;display:block}.plan path,.plan rect{transition:d .26s var(--ease-soft), fill .2s ease-out, x .26s var(--ease-soft), y .26s var(--ease-soft), width .26s var(--ease-soft), height .26s var(--ease-soft)}.plan__wall{fill:var(--color-text)}.plan__run{stroke:var(--color-text);stroke-width:1.5px}.plan__front{stroke:var(--color-text);stroke-width:1px}.plan__div{fill:none;stroke:var(--color-text);stroke-width:1.2px}.plan__up{fill:none;stroke:var(--color-text);stroke-width:1.5px}.plan__sink{fill:var(--color-surface-alt);stroke:var(--color-text);stroke-width:1.5px}.plan__hob{fill:none;stroke:var(--color-text);stroke-width:1.5px}.plan__fridge{fill:var(--color-surface-soft);stroke:var(--color-text);stroke-width:1.5px}.plan__tri{fill:none;stroke:var(--color-action);stroke-width:2px;stroke-dasharray:4 4}.plan__dim{fill:none;stroke:var(--color-text);stroke-width:1.2px}.plan__label{fill:var(--color-text);font-family:var(--font-text);text-anchor:middle;dominant-baseline:central}.plan__label--m{font-size:14px}.plan__label--s{font-size:12px}.plan__label--xs{font-size:11px}.plan__label--halo{paint-order:stroke;stroke:var(--color-canvas);stroke-width:6px;stroke-linejoin:round}.quiz__legend{justify-content:space-between;align-items:flex-end;gap:var(--space-6);min-height:58px;padding-top:var(--space-4);border-top:var(--line) solid var(--color-text);display:flex}.quiz__legend>div{gap:var(--space-1);color:var(--color-text-muted);font-size:var(--type-label);flex-direction:column;display:flex}.quiz__keys{gap:var(--space-1) var(--space-6);flex-wrap:wrap;display:flex}.quiz__keys span{align-items:center;gap:var(--space-2);display:flex}.quiz__keys [hidden]{display:none}.quiz__key-up{stroke:var(--color-text);stroke-width:1.5px;stroke-dasharray:5 5}.quiz__key-tri{stroke:var(--color-action);stroke-width:2px;stroke-dasharray:4 4}.quiz__warn{align-items:flex-start;gap:var(--space-2);max-width:300px;font-size:var(--type-label);margin:0;line-height:1.4;display:flex}.quiz__warn svg{flex:none;margin-top:1px}.quiz__warn:empty{display:none}.result__plan{gap:var(--space-4);padding:var(--space-10);border-right:var(--line) solid var(--color-text);flex-direction:column;flex:0 0 620px;display:flex}.result__facts{gap:var(--space-2) var(--space-6);color:var(--color-text-muted);font-size:var(--type-label);flex-wrap:wrap;display:flex}.result__plan .button--quiet{align-self:flex-start}.result__sum{gap:var(--space-6);min-width:0;padding:var(--space-10) var(--space-12);flex-direction:column;flex:1;display:flex}.result__price{gap:var(--space-1);flex-direction:column;display:flex}.result__price h1{font:600 var(--type-price) / 1.02 var(--font-display);margin:0}.result__price>span:first-child{color:var(--color-text-muted);font-size:var(--type-small)}.result__price>span:last-child{font-size:var(--type-small)}.result__sum .rows{row-gap:var(--space-2);font-size:var(--type-small)}.result__form{gap:var(--space-4);padding-top:var(--space-6);border-top:var(--line) solid var(--color-text);flex-direction:column;display:flex}.result__form .pair{gap:var(--space-4);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.result__demo{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:calc(var(--space-2) * -1);color:var(--color-text-muted);font-size:var(--type-label);flex-wrap:wrap;display:flex}.result__form .button--primary{align-self:flex-start}@media (max-width:1100px){.quiz__body{flex-direction:column-reverse}.quiz__ask,.result__plan{border-right:0;flex:none}.quiz__ask{padding:var(--space-6) var(--wrap-pad) 0}.quiz__nav{margin:0 calc(var(--wrap-pad) * -1);padding:var(--space-4) var(--wrap-pad);border-top:var(--line) solid var(--color-text);background:var(--color-canvas);position:sticky;bottom:0}.quiz__draw{padding:var(--space-4) var(--wrap-pad);border-bottom:var(--line) solid var(--color-text)}.quiz__canvas,.plan{max-height:46vh}.rs-body{flex-direction:column}.result__plan,.result__sum{padding:var(--space-6) var(--wrap-pad)}.result__plan{border-bottom:var(--line) solid var(--color-text)}}@media (max-width:760px){.quiz__head{gap:var(--space-4)}.quiz__head .logo{display:none}.appliances,.result__form .pair{grid-template-columns:minmax(0,1fr)}.quiz__legend{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.plan path,.plan rect{transition:fill .2s ease-out}.choice-card:active,.dots__dot:active{transform:none}}
