.hero--calculatie{background-image:radial-gradient(64rem 32rem at 50% -18%, color-mix(in srgb, var(--color-secondary) 15%, transparent), transparent 62%);padding-block:var(--spacing-xl) var(--spacing-lg)}@media (min-width:768px){.hero--calculatie{padding-block:var(--spacing-2xl) var(--spacing-xl)}}.hero--calculatie .hero__grid--text-only{max-width:var(--container-shell)}.hero--calculatie .hero__title{max-width:40ch}.hero--calculatie .hero__intro{max-width:58ch}@media (min-width:768px){.hero--calculatie .hero__usps{margin-top:var(--spacing-lg);grid-template-columns:repeat(4,auto);justify-content:start}}.hero--calculatie:after{content:"";inset-inline:0;pointer-events:none;border-bottom:1px solid var(--color-border-strong);background-image:repeating-linear-gradient(to right, var(--color-border-strong) 0 1px, transparent 1px 1.5rem), repeating-linear-gradient(to right, color-mix(in srgb, var(--color-primary) 45%, transparent) 0 1px, transparent 1px 7.5rem);background-position:bottom,bottom;background-repeat:repeat-x;background-size:100% .5rem,100% 1rem;height:1.25rem;position:absolute;bottom:0}.hero--calculatie .hero__grid{z-index:1;position:relative}.hero--calculatie+.calc{padding-top:var(--spacing-xl)}.calc__grid{gap:var(--spacing-xl);display:grid}.calc__config>.section__head{max-width:none}.calc__config>.section__head .section__title{font-size:var(--text-headline-lg);line-height:var(--text-headline-lg--line-height);letter-spacing:var(--text-headline-lg--letter-spacing);font-weight:var(--text-headline-lg--font-weight)}.calc__config>.section__head .section__intro{margin-top:var(--spacing-xs);font-size:var(--text-body-md);line-height:var(--text-body-md--line-height)}@media (min-width:1200px){.calc__grid{gap:var(--spacing-2xl);grid-template-columns:minmax(0,1fr) 26rem;align-items:start}.calc__aside{top:calc(var(--header-height) + var(--spacing-md));max-height:calc(100dvh - var(--header-height) - var(--spacing-xl));overscroll-behavior:contain;position:sticky;overflow-y:auto}}.calc__config{gap:var(--spacing-xl);flex-direction:column;min-width:0;display:flex}.calc__result{margin-top:var(--spacing-2xl)}.calc-step{border:0;min-width:0;margin:0;padding:0}.calc-step+.calc-step{padding-top:var(--spacing-xl);border-top:1px dashed var(--color-border-strong)}.calc-step__head{align-items:center;gap:var(--spacing-sm);width:100%;margin-bottom:var(--spacing-xs);padding:0;display:flex}.calc-step__number{border:1px solid var(--color-border-strong);border-radius:var(--radius-DEFAULT);background-color:var(--color-surface-card);width:2rem;height:2rem;font-family:var(--font-heading);font-size:var(--text-body-sm);font-variant-numeric:tabular-nums;color:var(--color-label-accent);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.calc-step__title{font-family:var(--font-heading);font-size:var(--text-headline-sm);line-height:var(--text-headline-sm--line-height);font-weight:var(--text-headline-sm--font-weight);color:var(--color-text-strong);text-wrap:balance}.calc-step__help{max-width:62ch;margin:0 0 var(--spacing-md) calc(2rem + var(--spacing-sm));font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);color:var(--color-text-body)}.calc-width__value{margin-left:calc(2rem + var(--spacing-sm));font-family:var(--font-heading);font-size:var(--text-headline-xl-mobile);letter-spacing:var(--text-headline-xl--letter-spacing);font-variant-numeric:tabular-nums;color:var(--color-text-strong);font-weight:700;line-height:1.1;display:block}@media (min-width:768px){.calc-width__value{font-size:var(--text-headline-xl)}}.calc-width__unit{margin-left:var(--spacing-2xs);font-size:var(--text-body-md);letter-spacing:0;color:var(--color-text-muted);font-weight:600}.calc-width__range{appearance:none;width:100%;height:2.5rem;margin-top:var(--spacing-sm);cursor:grab;background:0 0;display:block}.calc-width__range:active{cursor:grabbing}.calc-width__range::-webkit-slider-runnable-track{border-radius:var(--radius-full);background-image:linear-gradient(to right, var(--color-secondary) 0 var(--calc-fill,50%), var(--color-border-subtle) var(--calc-fill,50%) 100%);height:.5rem}.calc-width__range::-moz-range-track{border-radius:var(--radius-full);background-image:linear-gradient(to right, var(--color-secondary) 0 var(--calc-fill,50%), var(--color-border-subtle) var(--calc-fill,50%) 100%);height:.5rem}.calc-width__range::-webkit-slider-thumb{appearance:none;border:3px solid var(--color-surface-card);border-radius:var(--radius-full);background-color:var(--color-secondary);width:1.75rem;height:1.75rem;box-shadow:var(--shadow-elevation-2);margin-top:-.625rem}.calc-width__range::-moz-range-thumb{border:3px solid var(--color-surface-card);border-radius:var(--radius-full);background-color:var(--color-secondary);width:1.75rem;height:1.75rem;box-shadow:var(--shadow-elevation-2)}.calc-width__range:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px;border-radius:var(--radius-DEFAULT)}.calc-width__marks{height:1.75rem;margin:0 .875rem;padding:0;list-style:none;position:relative}.calc-width__mark{padding-top:var(--spacing-xs);font-size:var(--text-label-caps);line-height:var(--text-label-caps--line-height);letter-spacing:var(--text-label-caps--letter-spacing);font-weight:var(--text-label-caps--font-weight);color:var(--color-text-muted);white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.calc-width__mark:before{content:"";width:1px;height:var(--spacing-xs);background-color:var(--color-border-strong);position:absolute;top:0;left:50%}.calc-options{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.calc-option{cursor:pointer;min-width:0;display:block;position:relative}.calc-option__input{top:var(--spacing-md);left:var(--spacing-md);opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.calc-option__body{align-items:flex-start;gap:var(--spacing-2xs);height:100%;padding:var(--spacing-md);padding-right:calc(var(--spacing-xl) + var(--spacing-2xs));background-color:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevation-1);flex-direction:column;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.calc-option:hover .calc-option__body{border-color:var(--color-border-strong);box-shadow:var(--shadow-elevation-2)}.calc-option__body:before{content:"";top:var(--spacing-md);right:var(--spacing-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background-color:var(--color-surface-card);width:1.125rem;height:1.125rem;transition:background-color .15s,border-color .15s;position:absolute}.calc-option__body:after{content:"";border-left:2px solid var(--color-on-secondary);border-bottom:2px solid var(--color-on-secondary);border-bottom-left-radius:1px;width:.5rem;height:.25rem;transition:transform .15s;position:absolute;top:1.3125rem;right:1.375rem;transform:rotate(-45deg)scale(0)}.calc-option__input:checked~.calc-option__body{border-color:var(--color-secondary);background-color:color-mix(in srgb, var(--color-secondary) 6%, var(--color-surface-card))}.calc-option__input:checked~.calc-option__body:before{background-color:var(--color-secondary);border-color:var(--color-secondary)}.calc-option__input:checked~.calc-option__body:after{transform:rotate(-45deg)scale(1)}.calc-option__input:focus-visible~.calc-option__body{box-shadow:var(--shadow-sunlit-ring)}.calc-option__badge{padding:.125rem var(--spacing-xs);border-radius:var(--radius-full);background-color:var(--color-secondary);color:var(--color-on-secondary);font-size:var(--text-label-caps);line-height:var(--text-label-caps--line-height);letter-spacing:var(--text-label-caps--letter-spacing);font-weight:var(--text-label-caps--font-weight);text-transform:uppercase}.calc-option__label{font-family:var(--font-heading);font-size:var(--text-spec-data);line-height:var(--text-spec-data--line-height);letter-spacing:var(--text-spec-data--letter-spacing);font-weight:var(--text-spec-data--font-weight);color:var(--color-text-strong)}.calc-option__text{font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);color:var(--color-text-body)}.calc-option__price{padding-top:var(--spacing-xs);font-size:var(--text-body-sm);font-variant-numeric:tabular-nums;color:var(--color-label-accent);margin-top:auto;font-weight:700}.calc-option__price[data-included]{color:var(--color-tertiary)}.calc-visual{gap:var(--spacing-sm);flex-direction:column;display:flex}.calc-visual__tabs{gap:var(--spacing-2xs);padding:var(--spacing-2xs);border-radius:var(--radius-DEFAULT);background-color:color-mix(in srgb, var(--color-surface-card) 10%, transparent);display:flex}.calc-visual__tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-label-caps);line-height:var(--text-label-caps--line-height);letter-spacing:var(--text-label-caps--letter-spacing);font-weight:var(--text-label-caps--font-weight);text-transform:uppercase;color:var(--color-text-on-contrast-muted);border-radius:.1875rem;flex:1;transition:background-color .15s,color .15s}.calc-visual__tab:hover{color:var(--color-text-on-contrast)}.calc-visual__tab[aria-pressed=true]{background-color:var(--color-surface-card);color:var(--color-text-strong)}.calc-visual__tab:focus-visible{outline:2px solid var(--color-secondary);outline-offset:1px}.dk{margin:0}.dk__sheet{padding:var(--spacing-sm);background-color:var(--color-surface-card);border-radius:var(--radius-DEFAULT);background-image:repeating-linear-gradient(to right, var(--color-border-subtle) 0 1px, transparent 1px 1.25rem), repeating-linear-gradient(to bottom, var(--color-border-subtle) 0 1px, transparent 1px 1.25rem);position:relative}.dk__corner{border-color:var(--color-primary);border-style:solid;border-width:0;width:.75rem;height:.75rem;position:absolute}.dk__corner--tl{top:var(--spacing-2xs);left:var(--spacing-2xs);border-top-width:2px;border-left-width:2px}.dk__corner--br{right:var(--spacing-2xs);bottom:var(--spacing-2xs);border-bottom-width:2px;border-right-width:2px}.dk__svg{width:100%;height:auto;display:block}.dk__block{margin-top:var(--spacing-xs)}.dk__block-list{border:1px solid var(--color-border-on-contrast);border-radius:var(--radius-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.dk__block-cell{padding:var(--spacing-2xs) var(--spacing-xs);border-right:1px solid var(--color-border-on-contrast);font-size:var(--text-label-caps);line-height:var(--text-label-caps--line-height);letter-spacing:var(--text-label-caps--letter-spacing);font-weight:var(--text-label-caps--font-weight);text-transform:uppercase;color:var(--color-text-on-contrast-muted)}.dk__block-cell:last-child{border-right:0}.dk__block-cell--view{color:var(--color-secondary)}.dk__block-cell--dim{font-family:var(--font-heading);font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--color-on-primary)}.dk__roof{fill:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface-muted));stroke:var(--color-border-strong);stroke-width:2px}.dk__tiles{fill:none;stroke:var(--color-border-strong);stroke-width:1.5px}.dk__ridge{fill:color-mix(in srgb, var(--color-primary) 55%, transparent)}.dk__gutter{fill:color-mix(in srgb, var(--color-primary) 30%, transparent)}.dk__trim{fill:var(--color-primary)}.dk__lead{fill:color-mix(in srgb, var(--color-primary) 40%, transparent)}.dk__clad{fill:var(--color-surface-card);stroke:var(--color-primary);stroke-width:2px;transition:fill .26s}[data-finish=creme] .dk__clad{fill:color-mix(in srgb, var(--color-secondary) 9%, var(--color-surface-card))}[data-finish=antraciet] .dk__clad{fill:color-mix(in srgb, var(--color-primary) 78%, var(--color-surface-muted))}[data-finish=houtnerf] .dk__clad{fill:color-mix(in srgb, var(--color-secondary) 26%, var(--color-surface-card))}[data-finish=hout] .dk__clad{fill:color-mix(in srgb, var(--color-secondary) 42%, var(--color-surface-card))}[data-finish=zink] .dk__clad{fill:color-mix(in srgb, var(--color-primary) 24%, var(--color-surface-muted))}.dk__shutter{fill:color-mix(in srgb, var(--color-primary) 14%, var(--color-surface-muted));stroke:var(--color-primary);stroke-width:1.5px}.dk__shutter-slats{fill:none;stroke:color-mix(in srgb, var(--color-primary) 35%, transparent);stroke-width:1.5px}.dk__frame{fill:var(--color-surface-card);stroke:var(--color-primary);stroke-width:2px}.dk__glass{fill:var(--color-secondary);fill-opacity:.24}.dk__sash{fill:none;stroke:color-mix(in srgb, var(--color-primary) 45%, transparent);stroke-width:1.5px;stroke-dasharray:7 5}.dk__handle{fill:var(--color-primary)}.dk__extension{fill:none;stroke:var(--color-border-strong);stroke-width:1px}.dk__dimension{fill:none;stroke:var(--color-label-accent);stroke-width:1.5px;stroke-linecap:round}.dk__measure{fill:var(--color-text-strong);font-family:var(--font-heading);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:15px;font-weight:600}.dk__floor{fill:color-mix(in srgb, var(--color-primary) 18%, var(--color-surface-muted))}.dk__removed{fill:none;stroke:var(--color-secondary);stroke-width:2px;stroke-dasharray:9 7}.dk__insulation{fill:none;stroke:var(--color-tertiary);stroke-width:2px;stroke-linecap:round}.dk__interior{fill:none;stroke:var(--color-primary);stroke-width:3px;stroke-linejoin:round}.dk__interior-floor{fill:color-mix(in srgb, var(--color-primary) 22%, transparent)}.dk__studs{fill:none;stroke:color-mix(in srgb, var(--color-primary) 40%, transparent);stroke-width:2px}.dk__ghost{fill:none;stroke:var(--color-secondary);stroke-width:2px;stroke-dasharray:9 7;stroke-linejoin:round}.dk__ghost-arrow{fill:none;stroke:var(--color-secondary);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.dk__zinc{fill:color-mix(in srgb, var(--color-primary) 26%, var(--color-surface-muted));stroke:var(--color-primary);stroke-width:1.2px}.dk__zinc-fold{fill:none;stroke:color-mix(in srgb, var(--color-primary) 40%, transparent);stroke-width:1px}.dk__zinc-hook{fill:none;stroke:var(--color-primary);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.dk__screen-box{fill:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-muted));stroke:var(--color-primary);stroke-width:1.5px}.dk__screen-cloth{fill:color-mix(in srgb, var(--color-primary) 20%, transparent)}.dk__screen-bar{fill:var(--color-primary)}.dk__screen-line{fill:none;stroke:color-mix(in srgb, var(--color-primary) 50%, transparent);stroke-width:2px}.dk__vent{fill:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-muted));stroke:var(--color-primary);stroke-width:1.2px}.dk__vent-slots{fill:none;stroke:color-mix(in srgb, var(--color-primary) 50%, transparent);stroke-width:1.2px;stroke-linecap:round}.dk__bead{fill:none;stroke:color-mix(in srgb, var(--color-primary) 38%, transparent);stroke-width:1.2px}.dk__bead--zwaar{stroke-width:2.4px}.dk__glass-layer{fill:none;stroke:color-mix(in srgb, var(--color-primary) 55%, transparent);stroke-width:1.4px}.dk__glass-layer--zwaar{stroke-width:3px}.dk__mesh{fill:none;stroke:color-mix(in srgb, var(--color-primary) 32%, transparent);stroke-width:.7px}.dk__mesh-line{fill:none;stroke:color-mix(in srgb, var(--color-primary) 45%, transparent);stroke-width:1.2px;stroke-dasharray:2 2}.dk__box{fill:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-muted));stroke:var(--color-primary);stroke-width:1.5px}.calc-meter{gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-xl);background-color:var(--color-surface-contrast);color:var(--color-text-on-contrast-soft);box-shadow:var(--shadow-elevation-3);flex-direction:column;display:flex}.calc-meter__label{font-size:var(--text-label-caps);line-height:var(--text-label-caps--line-height);letter-spacing:var(--text-label-caps--letter-spacing);font-weight:var(--text-label-caps--font-weight);text-transform:uppercase;color:var(--color-secondary)}.calc-meter__price{align-items:baseline;gap:0 var(--spacing-xs);margin-top:var(--spacing-2xs);font-family:var(--font-heading);font-size:var(--text-headline-xl-mobile);letter-spacing:var(--text-headline-xl--letter-spacing);font-variant-numeric:tabular-nums;color:var(--color-on-primary);flex-wrap:wrap;font-weight:700;line-height:1.15;display:flex}@media (min-width:768px) and (max-width:1199px){.calc-meter__price{font-size:var(--text-headline-xl)}}@media (min-width:1200px){.calc-meter__price{font-size:var(--text-headline-lg);line-height:var(--text-headline-lg--line-height);letter-spacing:var(--text-headline-lg--letter-spacing)}}.calc-meter__dash{color:var(--color-text-on-contrast-muted)}.calc-meter__total,.calc-meter__vat{justify-content:space-between;gap:var(--spacing-md);font-variant-numeric:tabular-nums;display:flex}.calc-meter__total{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-on-contrast);font-size:var(--text-body-md)}.calc-meter__total-amount{font-family:var(--font-heading);color:var(--color-on-primary);font-weight:600}.calc-meter__vat{font-size:var(--text-body-sm);color:var(--color-text-on-contrast-muted)}.calc-meter__disclaimer{font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);color:var(--color-text-on-contrast-muted)}.calc-permit{padding:var(--spacing-md);border:1px solid var(--color-border-on-contrast);border-radius:var(--radius-DEFAULT);background-color:color-mix(in srgb, var(--color-surface-card) 7%, transparent);border-left-width:3px;overflow:hidden}.calc-permit--vergunningsvrij{border-left-color:var(--color-tertiary-surface)}.calc-permit--laten-controleren{border-left-color:var(--color-secondary)}.calc-permit--vergunning-nodig{border-left-color:var(--color-text-on-contrast-soft)}.calc-permit__title{align-items:center;gap:var(--spacing-xs);font-family:var(--font-heading);font-size:var(--text-spec-data);line-height:var(--text-spec-data--line-height);font-weight:var(--text-spec-data--font-weight);color:var(--color-on-primary);display:flex}.calc-permit__icon{flex-shrink:0;width:1.125rem;height:1.125rem}.calc-permit--vergunningsvrij .calc-permit__icon{color:var(--color-tertiary-surface)}.calc-permit--laten-controleren .calc-permit__icon{color:var(--color-secondary)}.calc-permit__text{margin-top:var(--spacing-xs);font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);color:var(--color-text-on-contrast-soft)}.calc-sheet{gap:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevation-1);display:grid}@media (min-width:768px){.calc-sheet{padding:var(--spacing-xl)}}@media (min-width:1200px){.calc-sheet{column-gap:var(--spacing-2xl);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.calc-next{grid-column:1/-1}}.calc-sheet__title,.calc-scope__title{font-family:var(--font-heading);font-size:var(--text-headline-sm);line-height:var(--text-headline-sm--line-height);font-weight:var(--text-headline-sm--font-weight);color:var(--color-text-strong)}.calc-lines{margin:var(--spacing-md) 0 0;padding:0;list-style:none}.calc-line{gap:var(--spacing-sm);padding-block:var(--spacing-xs);border-bottom:1px dashed var(--color-border-subtle);font-size:var(--text-body-md);color:var(--color-text-body);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;display:grid}.calc-line--basis{font-family:var(--font-heading);font-size:var(--text-spec-data);font-weight:var(--text-spec-data--font-weight);color:var(--color-text-strong)}.calc-line--extra .calc-line__label{padding-left:var(--spacing-md);background-image:linear-gradient(to right, var(--color-border-strong) 0 var(--spacing-xs), transparent var(--spacing-xs));background-position:0 .6875em;background-repeat:no-repeat;background-size:var(--spacing-md) 1px}.calc-line__note{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-text-muted);font-weight:400;display:block}.calc-line__amount{font-family:var(--font-heading);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-text-strong);font-weight:600}.calc-sheet__total{justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:2px solid var(--color-primary);font-family:var(--font-heading);font-size:var(--text-headline-sm);line-height:var(--text-headline-sm--line-height);font-weight:var(--text-headline-sm--font-weight);font-variant-numeric:tabular-nums;color:var(--color-text-strong);display:flex}.calc-sheet__scope{gap:var(--spacing-lg);flex-direction:column;display:flex}.calc-scope__list{gap:var(--spacing-xs);margin:var(--spacing-sm) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.calc-scope__item{align-items:flex-start;gap:var(--spacing-xs);font-size:var(--text-body-md);line-height:var(--text-body-md--line-height);color:var(--color-text-body);display:flex}.calc-scope__icon{width:1.125rem;height:1.125rem;color:var(--color-tertiary);flex-shrink:0;margin-top:.1875rem}.calc-scope--out .calc-scope__icon,.calc-scope--out .calc-scope__item{color:var(--color-text-muted)}.calc-next{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-subtle)}.calc-next__title{font-family:var(--font-heading);font-size:var(--text-headline-md);line-height:var(--text-headline-md--line-height);letter-spacing:var(--text-headline-md--letter-spacing);font-weight:var(--text-headline-md--font-weight);color:var(--color-text-strong);text-wrap:balance}.calc-next__text{max-width:56ch;margin-top:var(--spacing-xs);font-size:var(--text-body-md);line-height:var(--text-body-md--line-height);color:var(--color-text-body)}.calc-next__actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}.calc-next__button{flex:15rem}.calc-next__glyph{width:1.125rem;height:1.125rem}.calc-next__minor{gap:var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap;display:flex}.calc-link{font-size:var(--text-body-sm);color:var(--color-text-muted);text-underline-offset:3px;font-weight:600;text-decoration:underline}.calc-link:hover{color:var(--color-label-accent)}.calc-link:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.calc-next__share{max-width:60ch;margin-top:var(--spacing-md);font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);color:var(--color-text-muted)}.calc-dock{bottom:var(--cookie-bar-height,0px);z-index:40;width:min(100%,22rem);margin-left:auto;margin-top:var(--spacing-xl);border:1px solid var(--color-border-on-contrast);border-radius:var(--radius-lg);background-color:color-mix(in srgb, var(--color-surface-contrast) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-elevation-3);position:sticky;overflow:hidden}.calc-dock__panel{overflow:hidden}.calc-dock__visual{overscroll-behavior:contain;max-height:52vh;padding:var(--spacing-sm) var(--spacing-sm) 0;overflow-y:auto}.calc-dock .dk__sheet{max-width:17rem;margin-inline:auto}.calc-dock .calc-visual__tabs{background-color:color-mix(in srgb, var(--color-surface-card) 12%, transparent)}.calc-dock__bar{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));display:flex}.calc-dock__toggle{justify-content:space-between;align-items:center;gap:var(--spacing-sm);min-width:0;min-height:3rem;padding:0 var(--spacing-xs) 0 var(--spacing-sm);border-radius:var(--radius-DEFAULT);text-align:left;flex:1;display:flex}.calc-dock__toggle:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.calc-dock__price{min-width:0}.calc-dock__label{font-size:var(--text-label-caps);line-height:var(--text-label-caps--line-height);letter-spacing:var(--text-label-caps--letter-spacing);font-weight:var(--text-label-caps--font-weight);text-transform:uppercase;color:var(--color-secondary);display:block}.calc-dock__amount{font-family:var(--font-heading);font-size:var(--text-headline-sm);line-height:var(--text-headline-sm--line-height);font-variant-numeric:tabular-nums;color:var(--color-on-primary);font-weight:700;display:block}.calc-dock__chevron{width:1.5rem;height:1.5rem;color:var(--color-text-on-contrast-soft);flex-shrink:0;transition:transform .2s}.calc-dock[data-open=nee] .calc-dock__chevron{transform:rotate(180deg)}.calc-dock__call{border:1px solid var(--color-border-on-contrast);border-radius:var(--radius-DEFAULT);background-color:var(--color-secondary);width:3rem;height:3rem;color:var(--color-on-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.calc-dock__call:hover{background-color:var(--color-secondary-hover)}.calc-dock__call svg{width:1.25rem;height:1.25rem}@media print{.site-header,.site-footer,.calc-dock__bar,.calc-visual__tabs,.calc-next__actions,.calc-next__minor,.hero__actions,.crumbs{display:none}.calc-dock{width:100%;margin:0 0 var(--spacing-lg);border-color:var(--color-border-strong);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background-color:#0000;position:static}.calc-dock__visual{max-height:none;padding:0;overflow:visible}.calc-meter{color:var(--color-text-body);border:1px solid var(--color-border-strong);box-shadow:none;background-color:#0000}.calc-meter__price,.calc-meter__total-amount,.calc-permit__title{color:var(--color-text-strong)}.calc-meter__disclaimer,.calc-permit__text{color:var(--color-text-body)}.dk__block-list{border-color:var(--color-border-strong)}.dk__block-cell{border-right-color:var(--color-border-strong);color:var(--color-text-body)}.dk__block-cell--view{color:var(--color-label-accent)}.dk__block-cell--dim{color:var(--color-text-strong)}.calc-permit{border-color:var(--color-border-strong);background-color:#0000}.calc-option__body,.calc-sheet{box-shadow:none}.calc-option:not(:has(.calc-option__input:checked)){display:none}.calc-sheet,.calc-step{break-inside:avoid}}@media (prefers-reduced-motion:reduce){.calc-option__body,.calc-option__body:before,.calc-option__body:after,.calc-visual__tab,.calc-dock__chevron,.dk__clad{transition:none}}