.nb-bouw,.nb-start,.nb-opnieuw,.nb-voortgang{display:none}body[data-nb=start] .nb-start{display:grid;gap:.75rem;margin-top:1.5rem}body[data-nb=klaar] .nb-opnieuw{display:block;margin-top:.25rem}body[data-nb]:not([data-nb=klaar]) :is(.wr-werk,.wr-vast){display:none!important}body[data-nb]:not([data-nb=klaar]):not([data-nb=start]) [data-scherm=start]{display:none}body[data-nb]:not([data-nb=klaar]) .nb-na-invoer{display:none}body[data-nb]:not([data-nb=klaar]) .nb{display:grid;gap:2rem;align-items:center;padding-top:clamp(.5rem,3vh,2rem);padding-bottom:clamp(2rem,6vh,4rem)}body[data-nb]:not([data-nb=klaar]) .nb-paneel{min-width:0;max-width:34rem}@media (min-width: 960px){body[data-nb]:not([data-nb=klaar]) .nb{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,4rem);min-height:calc(100vh - var(--ui-kop) - 2rem)}body[data-nb]:not([data-nb=klaar]) .nb-bouw{display:block;margin:0;position:relative;aspect-ratio:1 / 1;max-height:82vh}}@media (max-width: 959px){body[data-nb]:not([data-nb=klaar]):not([data-nb=schema]) .nb{gap:.75rem;padding-top:0}body[data-nb]:not([data-nb=klaar]):not([data-nb=schema]) .nb-bouw{display:block;position:relative;margin:0;height:clamp(9.5rem,27vh,15rem)}body[data-nb] .nb-bouw canvas{left:0;top:0;width:100%;height:100%}}.nb-bouw canvas{position:absolute;left:-9%;top:-20%;width:118%;max-width:none;height:124%;pointer-events:none;opacity:0;transition:opacity .8s ease}.nb-bouw.is-geladen canvas{opacity:1}.nb-scherm{view-transition-name:nb-scherm}form.nb-scherm{display:grid;gap:1.1rem}form.nb-scherm[hidden]{display:none}form.nb-scherm h2{font-weight:500;font-size:clamp(1.875rem,3.6vw,3rem);line-height:1.05;letter-spacing:-.04em;color:var(--ui-forest);text-wrap:balance}body[data-nb=start] .nb-scherm.wr-kop{padding-bottom:0}body[data-nb=start] .nb-scherm.wr-kop h1{font-size:clamp(2.5rem,5.4vw,4.75rem);line-height:.98}#reken-titel:focus,.nb-scherm h2:focus{outline:none}.nb-uitleg{color:var(--ui-muted);max-width:30rem}.nb-klein{font-size:.8125rem;color:var(--ui-muted)}.nb-veld{display:grid;gap:.3rem}.nb-veld>label,.nb-keuze legend{font-weight:600}.nb-veld .wr-veld__in,.nb-veld .wr-schuif{max-width:18rem}.nb-veld .wr-veld__in input{font-size:1.25rem}.nb-verder{font-size:.9375rem;padding-top:.75rem;border-top:1px solid var(--ui-line)}.nb-verder .nb-link{padding:0;min-height:0}.nb-verder[hidden]{display:none}.nb-som{padding:.8rem 1rem;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:.6rem;max-width:26rem}.nb-som strong{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--ui-forest);margin-left:.25rem}.nb-som span{color:var(--ui-muted);font-size:.875rem}.wr-hulp.nb-som__hulp{margin-top:-.6rem;max-width:30rem}.nb-vink{display:flex;gap:.6rem;align-items:flex-start;min-height:2.75rem;cursor:pointer;max-width:28rem}.nb-vink input{width:1.15rem;height:1.15rem;margin-top:.2rem;accent-color:var(--ui-forest);flex:none}.nb-fout{min-height:1.25rem;font-size:.875rem;color:#8a3a3a}.nb-keuze{border:0;padding:0;margin:0;display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));max-width:26rem}.nb-keuze legend{margin-bottom:.4rem;padding:0}.nb-keuze label{display:block;position:relative;cursor:pointer}.nb-keuze input{position:absolute;opacity:0}.nb-keuze span{display:block;height:100%;padding:.7rem .9rem;border:1px solid var(--ui-line);border-radius:.6rem;background:var(--ui-surface);font-size:.875rem;color:var(--ui-muted)}.nb-keuze strong{display:block;font-size:1rem;color:var(--ui-ink)}.nb-keuze input:checked+span{border-color:var(--ui-forest);box-shadow:inset 0 0 0 1px var(--ui-forest)}.nb-keuze input:focus-visible+span{outline:2px solid var(--ui-forest);outline-offset:2px}.nb-knoppen{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem}.nb-knoppen .wr-knop{min-width:9rem;justify-content:center}.wr-knop.nb-groot{min-height:3.5rem;padding:0 1.75rem;font-size:1.125rem}.nb-link{background:none;border:0;padding:.6rem 0;min-height:2.75rem;font:inherit;color:var(--ui-forest);text-decoration:underline;text-underline-offset:.3em;cursor:pointer}body[data-nb]:not([data-nb=start]):not([data-nb=klaar]):not([data-nb=schema]) .nb-voortgang{display:flex;gap:.4rem;margin-top:2rem;max-width:16rem}.nb-voortgang li{flex:1;height:.25rem;border-radius:1rem;background:var(--ui-line);transition:background .3s ease}body[data-nb="1"] .nb-voortgang li:nth-child(-n+1),body[data-nb="2"] .nb-voortgang li:nth-child(-n+2),body[data-nb="3"] .nb-voortgang li:nth-child(-n+3),body[data-nb="4"] .nb-voortgang li:nth-child(-n+4),body[data-nb="5"] .nb-voortgang li:nth-child(-n+5){background:var(--ui-forest)}body[data-nb=schema][data-nb] .nb{grid-template-columns:minmax(0,1fr);align-items:start;min-height:0}body[data-nb=schema][data-nb] .nb-bouw{display:none}body[data-nb=schema][data-nb] .nb-paneel{max-width:62rem}.nb-schema>*{grid-column:1;min-width:0}.nb-stapel{display:none}@media (min-width: 960px){form.nb-schema{grid-template-columns:minmax(0,1fr) clamp(13rem,24vw,19rem);column-gap:clamp(2rem,5vw,5rem)}.nb-schema .nb-stapel{display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem;justify-items:center;grid-column:2;grid-row:1 / span 20;align-self:start;position:sticky;top:calc(var(--ui-kop, 4rem) + 1.5rem);padding-top:1rem}}.nb-termijnen{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.nb-termijn{position:relative;display:grid;align-items:start;grid-template-columns:minmax(0,7rem) minmax(0,1fr);gap:.6rem 1rem;padding:.9rem 1.1rem .7rem;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:.75rem}.nb-termijn__nr{grid-column:1 / -1;font-family:var(--ui-mono);font-size:.75rem;color:var(--ui-muted);padding-right:2.75rem}.nb-termijn__naam{grid-column:1 / -1}@media (min-width: 720px){.nb-termijn{grid-template-columns:minmax(0,1fr) 6.5rem 10.5rem;padding-right:3.25rem}.nb-termijn__naam{grid-column:1}}.nb-termijn .nb-veld>label{font-size:.875rem;font-weight:500;color:var(--ui-muted)}.nb-termijn .nb-veld .wr-veld__in{max-width:none;min-height:2.75rem}.nb-termijn .nb-veld .wr-veld__in input{font-size:1.0625rem}.nb-termijn__naam input{text-align:left}.nb-termijn .wr-hulp{min-height:1.2rem}.nb-termijn__weg{position:absolute;top:.2rem;right:.2rem;width:2.75rem;height:2.75rem;background:none;border:0;border-radius:.5rem;font-size:1.375rem;line-height:1;color:var(--ui-muted);cursor:pointer}.nb-termijn__weg:hover{color:var(--ui-ink);background:var(--ui-canvas)}.nb-schema .nb-som[data-status=open] strong{color:#8a3a3a}.nb-schema .nb-keuze legend span{font-weight:600}.nb-meerwerk{display:grid;gap:1.1rem;padding-top:1.25rem;border-top:1px solid var(--ui-line)}.nb-meerwerk[hidden],.nb-meerwerk__apart[hidden]{display:none}.nb-meerwerk__apart{display:grid;gap:1.1rem}.nb-stapel__huis{width:78%}.nb-stapel__dak{position:relative;aspect-ratio:2.6 / 1;margin:0 -9%;opacity:0;transform:translateY(-2.5rem);transition:opacity .25s ease,transform .55s cubic-bezier(.3,1.6,.5,1)}.nb-stapel__dak:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ui-forest-diep);clip-path:polygon(50% 0,100% 100%,0 100%)}.nb-stapel__dak i{position:absolute;right:22%;bottom:18%;width:9%;height:52%;background:var(--ui-forest-diep);border-radius:2px 2px 0 0}.nb-stapel__dak.is-erop{opacity:1;transform:none}.nb-stapel__muur{position:relative;aspect-ratio:1 / 1.25;border:1.5px dashed var(--ui-line);border-bottom:0}.nb-stapel__lagen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column-reverse}.nb-stapel__laag{flex:none;height:0;display:grid;align-items:center;justify-items:start;padding-left:.7rem;overflow:hidden;background:var(--ui-forest);color:var(--ui-canvas);font-family:var(--ui-mono);font-size:.75rem;box-shadow:inset 0 1px 0 var(--ui-canvas);transition:height .45s cubic-bezier(.3,.7,.3,1)}.nb-stapel__laag[data-soort=b]{background:#2f5f54}.nb-stapel__laag[data-soort=meerwerk]{background:var(--ui-champagne);color:var(--ui-ink)}.nb-stapel__deur{position:absolute;right:12%;bottom:0;width:20%;height:22%;background:var(--ui-champagne);border:2px solid var(--ui-canvas);border-bottom:0;border-radius:.3rem .3rem 0 0;opacity:0;transition:opacity .4s ease .35s}.nb-stapel__dak.is-erop~.nb-stapel__muur .nb-stapel__deur{opacity:1}.nb-stapel__grond{height:.5rem;margin:0 -16%;background:var(--ui-sage-licht);border-top:2px solid var(--ui-ink);border-radius:0 0 .5rem .5rem}.nb-stapel p{font-size:.875rem;color:var(--ui-muted);text-align:center;max-width:14rem}::view-transition-old(nb-scherm){animation:nb-uit .18s ease both}::view-transition-new(nb-scherm){animation:nb-in .32s ease .1s both}@keyframes nb-uit{to{opacity:0;transform:translate(-1.25rem)}}@keyframes nb-in{0%{opacity:0;transform:translate(1.25rem)}}.nb-links{display:contents}.nb-samen,.nb-controle{display:none}body[data-nb=klaar] .nb-links{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-content:start;min-width:0}@media (min-width: 960px){body[data-nb=klaar] .nb-links{grid-area:invoer;gap:1.25rem}}body[data-nb=klaar] :is(.nb-samen,.nb-controle){display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem;align-content:start}body[data-nb=klaar] #invoer{grid-area:auto}body[data-nb=klaar] #invoer>.wr-paneel__kop{display:none}body[data-nb=klaar]:not(.nb-open) #invoer{display:none}body[data-nb=klaar].nb-open .nb-samen .wr-dl,.nb-aannamehint{display:none}@media (max-width: 959px){body[data-nb=klaar] .wr-uitkomst .nb-aannamehint{display:block;margin-top:1rem;font-size:.9375rem}.wr-uitkomst .nb-aannamehint a{color:inherit;text-underline-offset:.3em}}.nb-samen .wr-paneel__kop{margin-bottom:0}.nb-samen .wr-dl{column-gap:0}.nb-samen .wr-dl dd{font-weight:500;padding-left:1rem}.nb-samen .wr-dl .is-som{padding-top:.5rem;margin-top:.2rem;border-top:1px solid var(--ui-line);color:var(--ui-ink);font-weight:600}.nb-punt{display:grid;gap:.35rem;padding-top:.9rem;border-top:1px solid var(--ui-line)}.nb-punt h3{font-size:1rem;font-weight:600}.nb-punt p{font-size:.9375rem;color:var(--ui-muted)}.nb-punt p strong{color:var(--ui-ink);font-weight:600}.nb-punt__acties{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center;margin-top:.35rem}.nb-punt__acties .wr-knop:after{content:"→";margin-left:.5rem}.nb-punt__acties a{color:var(--ui-forest);text-underline-offset:.3em}.wr-melding.nb-voorbeeld{grid-column:1 / -1;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem}.nb-voorbeeld .nb-link{padding:0;min-height:0}@media (prefers-reduced-motion: reduce){::view-transition-old(nb-scherm),::view-transition-new(nb-scherm){animation:none}.nb-bouw canvas,.nb-stapel__dak,.nb-stapel__laag,.nb-stapel__deur{transition:none}}