@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/source-sans-3-latin-400-normal-DQi5PRDE.woff2)format("woff2"),url(/assets/source-sans-3-latin-400-normal-AFMiCETP.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/source-sans-3-latin-600-normal-DeckBYAU.woff2)format("woff2"),url(/assets/source-sans-3-latin-600-normal-BvDVuF-j.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/source-sans-3-latin-700-normal-CkzU-mV9.woff2)format("woff2"),url(/assets/source-sans-3-latin-700-normal-BBbVrHF_.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f4f6f8;--surface:#fff;--surface-soft:#f8fafc;--ink:#20242a;--muted:#626b78;--line:#dce1e7;--line-strong:#bac3cf;--accent:#245fa8;--accent-soft:#eaf2fb;--positive:#14734f;--warning:#946200;--danger:#b42318;--radius:14px;--content:1120px;background:var(--paper);color:var(--ink);font-family:"Source Sans 3",Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{min-width:320px;overflow-x:hidden}body{background:var(--paper);min-width:320px;margin:0;overflow-x:hidden}button,input,select{font:inherit;min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #245fa847}.app-shell{max-width:var(--content);width:100%;min-height:100dvh;margin:0 auto;padding:clamp(16px,3vw,34px)}.app-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;padding:8px 0 28px;display:grid;position:relative}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}.app-header h1{letter-spacing:-.035em;text-wrap:balance;max-width:15ch;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:.98}.intro{color:var(--muted);max-width:64ch;margin:16px 0 0;font-size:clamp(1rem,2vw,1.18rem);line-height:1.55}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.primary-button,.secondary-button,.icon-button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.primary-button{background:var(--accent);border:1px solid var(--accent);color:#fff}.secondary-button,.icon-button{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink)}.icon-button{width:44px;padding:0}.build-label{color:var(--muted);margin:0;font-size:.78rem;position:absolute;bottom:4px;right:0}.notice{background:var(--accent-soft);color:#194b83;border:1px solid #c7dbf0;border-radius:10px;margin:0 0 18px;padding:10px 14px;font-weight:600}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.continuous-comparison{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);overflow:visible;box-shadow:0 16px 42px #1e293b12}.comparison-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:clamp(20px,3vw,30px);display:flex}.comparison-heading h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.1}.reference-pill{background:var(--accent-soft);color:#194b83;border:1px solid #c7dbf0;border-radius:999px;flex:none;padding:8px 13px;font-size:.88rem;font-weight:700}.comparison-grid{grid-template-columns:minmax(220px,1.05fr) repeat(2,minmax(210px,1fr));display:grid}.result-grid{grid-template-columns:minmax(220px,1.05fr) repeat(2,minmax(210px,1fr)) minmax(140px,.7fr)}.result-action{background:#eef5fc;border-block:1px solid #bfd4ea;justify-content:space-between;align-items:center;gap:24px;margin:28px 0;padding:clamp(20px,3vw,30px);display:flex}.result-action h2,.result-action p{margin:0}.result-action p:not(.eyebrow){color:var(--muted);margin-top:7px}.calculate-button{background:var(--ink);border:1px solid var(--ink);color:#fff;cursor:pointer;border-radius:10px;flex:none;min-height:48px;padding:0 24px;font-weight:750}.calculate-button:hover,.calculate-button:focus-visible{background:var(--accent);border-color:var(--accent)}.result-anchor{scroll-margin-top:18px}.result-comparison{margin-top:0}.result-heading p:not(.eyebrow){color:var(--muted);margin:8px 0 0}.result-scenario-name{border-right:1px solid var(--line);align-content:center;min-width:0;padding:14px 16px}.scenario-heading{background:var(--surface-soft);border-bottom:1px solid var(--line-strong);z-index:20;position:sticky;top:0}.grid-label,.difference-heading,.scenario-name{border-right:1px solid var(--line);align-content:center;min-width:0;padding:14px 16px}.grid-label,.difference-heading,.scenario-name>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:700}.scenario-name{gap:5px;display:grid}.scenario-name:last-child{border-right:0}.scenario-name input{color:var(--ink);background:0 0;border:0;border-bottom:1px solid #0000;width:100%;min-width:0;min-height:32px;padding:2px 0;font-size:1rem;font-weight:700}.scenario-name input:hover,.scenario-name input:focus{border-bottom-color:var(--accent)}.difference-heading{border-right:0}.comparison-section+.comparison-section{border-top:1px solid var(--line-strong)}.comparison-section h3{border-bottom:1px solid var(--line);color:var(--ink);letter-spacing:.1em;text-transform:uppercase;background:#f1f4f7;align-items:center;gap:10px;margin:0;padding:11px 18px;font-size:.8rem;display:flex}.section-number{background:var(--ink);color:#fff;letter-spacing:0;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;display:inline-flex}.comparison-row{min-height:64px}.result-subheading{border-top:1px solid var(--line-strong);color:var(--ink-muted);letter-spacing:.09em;text-transform:uppercase;background:#f8fafc;padding:12px 18px;font-size:.76rem;font-weight:800}.result-subheading:first-child{border-top:0}.comparison-row+.comparison-row{border-top:1px solid var(--line)}.comparison-label,.comparison-value,.comparison-difference{border-right:1px solid var(--line);align-items:center;min-width:0;padding:12px 16px;display:flex}.comparison-label{color:var(--muted);grid-template-columns:38px minmax(0,1fr) 30px;gap:8px;font-weight:600;display:grid;position:relative}.row-number{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.row-label-text{min-width:0}.comparison-row>.comparison-value:last-child{border-right:0}.comparison-value{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.unresolved-value{color:var(--danger);font-style:italic}.comparison-difference{color:var(--muted);font-variant-numeric:tabular-nums;border-right:0;font-weight:700}.comparison-row-strong .comparison-value,.comparison-row-strong .comparison-difference,.row-strong .comparison-value,.row-strong .comparison-difference{font-size:1.06rem;font-weight:700}.comparison-row-primary,.row-primary{background:linear-gradient(90deg,#eaf2fb6b,#0000 70%)}.comparison-row-primary .comparison-value,.comparison-row-primary .comparison-difference,.row-primary .comparison-value,.row-primary .comparison-difference{color:#173e6b;font-size:clamp(1.12rem,2vw,1.35rem);font-weight:700}.comparison-row-warning{background:#fffaf0}.comparison-row-warning .comparison-value{color:var(--warning)}.value-input{align-items:center;gap:7px;width:100%;max-width:100%;display:flex}.value-input>span:not(.status-dot):not(.visually-hidden){color:var(--muted);white-space:nowrap;font-size:.84rem}.value-input input,.comparison-value select{border:1px solid var(--line-strong);color:var(--ink);font-variant-numeric:tabular-nums;background:#fff;border-radius:8px;width:100%;min-width:0;padding:8px 10px}.boolean-input{align-items:center;gap:10px;display:inline-flex}.boolean-input input{accent-color:var(--accent);width:22px;min-height:22px}.status-dot{box-shadow:0 0 0 1px var(--line-strong);border:2px solid #fff;border-radius:999px;flex:none;width:9px;height:9px}.status-verified{background:var(--positive)}.status-derived,.status-normalized{background:var(--accent)}.status-estimated{background:#d59116}.status-unresolved{background:var(--danger)}.muted-value{color:var(--muted);font-weight:400}.method-tooltip{z-index:2;flex:none;display:inline-flex;position:relative}.method-tooltip:focus-within,.method-tooltip:hover,.method-tooltip.is-open{z-index:100}.method-tooltip button{color:var(--muted);cursor:help;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:30px;min-height:30px;padding:0;display:inline-flex}.method-tooltip button:hover,.method-tooltip button:focus-visible,.method-tooltip.is-open button{background:var(--accent-soft);color:var(--accent)}.method-tooltip-content{color:#fff;opacity:0;pointer-events:none;visibility:hidden;background:#17212d;border-radius:9px;width:max-content;max-width:min(340px,78vw);padding:11px 13px;font-size:.88rem;font-weight:400;line-height:1.45;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,5px);box-shadow:0 12px 30px #0f172a3d}.method-tooltip-content:after{content:"";border-top:7px solid #17212d;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;top:100%;left:50%;transform:translate(-50%)}.method-tooltip:hover .method-tooltip-content,.method-tooltip:focus-within .method-tooltip-content,.method-tooltip.is-open .method-tooltip-content{opacity:1;visibility:visible;transform:translate(-50%)}.app-footer{color:var(--muted);text-align:center;max-width:82ch;margin:18px auto 0;font-size:.88rem;line-height:1.5}@media (width<=820px){.app-header{grid-template-columns:1fr;align-items:start}.header-actions{justify-content:flex-start}.build-label{position:static;bottom:auto}.comparison-heading{flex-direction:column;align-items:flex-start}.result-action{flex-direction:column;align-items:stretch}.calculate-button{width:100%}.scenario-heading{display:none}.comparison-row{padding:0;display:block}.comparison-label,.comparison-value,.comparison-difference{border-right:0}.comparison-label{background:var(--surface-soft);border-bottom:1px solid var(--line);min-height:50px;padding:10px 14px}.comparison-value{grid-template-columns:minmax(92px,.42fr) minmax(0,1fr);align-items:flex-start;gap:6px;padding:11px 14px;display:grid}.comparison-value:before{color:var(--muted);content:attr(data-scenario);letter-spacing:.07em;text-transform:uppercase;padding-top:11px;font-size:.76rem;font-weight:700}.comparison-value+.comparison-value{border-top:1px dashed var(--line)}.comparison-difference{border-top:1px solid var(--line);background:#fbfcfd;justify-content:space-between;min-height:44px;padding:8px 14px}.comparison-difference:before{color:var(--muted);content:"Verschil 2 − 1";letter-spacing:.07em;text-transform:uppercase;font-size:.76rem;font-weight:700}.value-input{justify-self:stretch}.method-tooltip-content{left:auto;right:-8px;transform:translateY(5px)}.method-tooltip-content:after{left:auto;right:16px;transform:none}.method-tooltip:hover .method-tooltip-content,.method-tooltip:focus-within .method-tooltip-content,.method-tooltip.is-open .method-tooltip-content{transform:translateY(0)}}@media (width<=520px){.app-shell{padding:12px}.app-header h1{font-size:2.1rem}.header-actions{grid-template-columns:1fr 1fr;align-items:stretch;width:100%;display:grid}.header-actions .icon-button{width:100%}.primary-button,.secondary-button{padding:0 10px;font-size:.88rem}.comparison-heading{padding:18px}.reference-pill{text-align:center;align-self:stretch}.comparison-section h3{padding-inline:14px}.comparison-value{grid-template-columns:84px minmax(0,1fr)}}@media print{:root{--paper:white}.app-shell{max-width:none;padding:0}.header-actions,.build-label,.input-comparison,.result-action,.method-tooltip button{display:none}.app-header{grid-template-columns:1fr}.continuous-comparison{box-shadow:none}.scenario-heading{position:static}.method-tooltip-content{display:none}}
