:root{--calc-ink: #121314;--calc-ease: cubic-bezier(.16, 1, .3, 1)}.calc-inputs,.calc-results,.calc-group{min-width:0}.calc-group{border:1.5px solid var(--calc-ink);border-radius:22px;box-shadow:0 5px 0 var(--calc-ink)}.calc-group legend{display:inline-flex;align-items:center;gap:8px;border-radius:6px;padding:5px 12px 5px 10px;font-size:.6875rem;letter-spacing:.07em;border:1.5px solid var(--calc-ink)}.calc-group legend:before{content:"";width:7px;height:7px;border-radius:1.5px;background:currentColor}.calc-input-row{background:var(--surface);border:1.5px solid var(--calc-ink);border-radius:12px;box-shadow:0 3px 0 var(--calc-ink)}.calc-input-row:focus-within{border-color:var(--calc-ink);box-shadow:0 3px 0 var(--calc-ink),0 0 0 4px var(--yellow)}.calc input[type=range]{--p: 50%}.calc input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--calc-ink) var(--p),#DDE0DC var(--p));box-shadow:inset 0 0 0 1.5px var(--calc-ink)}.calc input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:#dde0dc;box-shadow:inset 0 0 0 1.5px var(--calc-ink)}.calc input[type=range]::-moz-range-progress{height:8px;border-radius:99px;background:var(--calc-ink)}.calc input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-8px;border-radius:8px;background:var(--yellow);border:2px solid var(--calc-ink);box-shadow:0 3px 0 var(--calc-ink);transition:transform .2s var(--calc-ease)}.calc input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:7px;background:var(--yellow);border:2px solid var(--calc-ink);box-shadow:0 3px 0 var(--calc-ink)}.calc input[type=range]:active::-webkit-slider-thumb{transform:translateY(2px);box-shadow:0 1px 0 var(--calc-ink)}.calc input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 3px 0 var(--calc-ink),0 0 0 4px #ffcd0080}.calc-reset{border:1.5px solid var(--calc-ink);border-radius:10px;padding:8px 14px;text-decoration:none;color:var(--calc-ink);background:var(--surface);box-shadow:0 3px 0 var(--calc-ink)}.calc-reset:active{transform:translateY(2px);box-shadow:0 1px 0 var(--calc-ink)}.calc-results{border:1.5px solid #000;box-shadow:0 6px #000;overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.06) 1.2px,transparent 1.4px);background-size:16px 16px;padding-top:40px}.calc-results:before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(-45deg,var(--yellow) 0 10px,var(--calc-ink) 10px 20px)}.calc-total{container-type:inline-size}.calc-total-figure{color:var(--yellow);white-space:nowrap;font-size:clamp(2rem,12.5cqi,4rem);letter-spacing:-.04em}.calc-mix{display:flex;gap:3px;height:14px;margin:20px auto 0;max-width:360px;border-radius:6px;overflow:hidden}.calc-mix i{flex:1 1 0;min-width:4px;transition:flex-grow .45s var(--calc-ease)}.calc-mix--var,.calc-bar--var span{background:var(--yellow)}.calc-mix--admin,.calc-bar--admin span{background:var(--hivis)}.calc-mix--risk,.calc-bar--risk span{background:#f4f5f3}.calc-bar--admin+.calc-bd-note,.calc-bar--risk+.calc-bd-note{color:#f4f5f380}.calc-bd-name{display:inline-flex;align-items:center;gap:8px}.calc-bd-name:before{content:"";width:9px;height:9px;border-radius:2px;flex:none}.calc-breakdown li:nth-child(1) .calc-bd-name:before{background:var(--yellow)}.calc-breakdown li:nth-child(2) .calc-bd-name:before{background:var(--hivis)}.calc-breakdown li:nth-child(3) .calc-bd-name:before{background:#f4f5f3}.calc-breakdown li:nth-child(2) .calc-bd-value{color:var(--hivis)}.calc-breakdown li:nth-child(3) .calc-bd-value{color:#f4f5f3}.calc-bar{height:10px;border-radius:4px}.calc-bar span{width:100%;border-radius:4px;transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--calc-ease)}.calc-results .btn-primary{--btn-edge: #8F7100;border-color:var(--yellow)}.calc-workings{border:1.5px solid var(--calc-ink);border-radius:18px;box-shadow:0 4px 0 var(--calc-ink);background:var(--surface);padding:0 22px}.calc-context-inner{background:var(--surface);border:1.5px solid var(--calc-ink);border-radius:22px;box-shadow:0 5px 0 var(--calc-ink);padding:36px 40px}.calc-context:has(+.tape-zone){padding-bottom:110px}@media (max-width: 900px){.calc-results{position:relative}}@media (max-width: 560px){.calc-context-inner{padding:26px 22px}.calc-results{padding-top:34px}}@media (prefers-reduced-motion: reduce){.calc-bar span,.calc-mix i{transition:none}}