.calc{gap:32px;padding-top:clamp(32px,5vw,64px);padding-bottom:clamp(32px,5vw,56px);display:grid}@media (min-width:1000px){.calc{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:64px}.calc-result{position:sticky;top:96px}}.calc-inputs{margin:0}.calc-inputs>.calc-field:first-child{padding-top:0}.calc-field{border:0;border-bottom:1px solid var(--bench-line);min-width:0;margin:0;padding:22px 0 24px}.calc-field legend,.calc-legend{float:left;align-items:baseline;gap:12px;width:100%;margin-bottom:14px;padding:0;font-size:1.0625rem;font-weight:600;display:flex}.calc-field legend+*,.calc-legend+*{clear:both}.calc-field legend .vl-data,.calc-legend .vl-data{color:var(--blue-hi);font-size:.8125rem;font-weight:400}.calc-seg{border:1px solid var(--bench-line);border-radius:2px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.calc-seg label{min-height:52px;color:var(--bench-muted);cursor:pointer;transition:background-color .2s var(--ease), color .15s var(--ease);justify-content:center;align-items:baseline;gap:4px;padding-top:14px;font-size:.875rem;display:flex;position:relative}.calc-seg label+label{border-left:1px solid var(--bench-line)}.calc-seg label .vl-data{color:var(--bench-text);font-size:1.25rem}.calc-seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.calc-seg label:hover{background:var(--bench-2)}.calc-seg label.is-on{background:var(--blue);color:#fff}.calc-seg label.is-on .vl-data{color:#fff}.calc-seg label:has(input:focus-visible){outline:2px solid var(--blue-hi);outline-offset:2px;z-index:1}.calc-input{position:relative}.calc-input input{border:1px solid var(--control-line);background:var(--bench-2);width:100%;height:60px;color:var(--bench-text);font:400 1.5rem var(--font-data);transition:border-color .15s var(--ease);-moz-appearance:textfield;border-radius:2px;padding:0 64px 0 16px}.calc-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calc-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.calc-input input:hover{border-color:var(--bench-muted)}.calc-input input:focus-visible{border-color:var(--blue-hi);outline:none;box-shadow:0 0 0 3px #4f7bff40}.calc-input span{color:var(--bench-muted);position:absolute;top:50%;right:16px;transform:translateY(-50%)}.calc-need{color:var(--bench-muted);margin:18px 0 0;font-size:.875rem}.calc-need a{color:var(--bench-text);text-decoration:underline;-webkit-text-decoration-color:var(--blue-hi);text-decoration-color:var(--blue-hi);text-underline-offset:.25em}.calc-need a:hover{color:var(--blue-hi)}.calc-result{padding:clamp(22px,3vw,36px)}.calc-result__label{color:var(--ink-muted);margin:0;font-size:.875rem}.calc-result__units{align-items:baseline;gap:12px;margin:4px 0 0;display:flex}.calc-result__units .vl-data{letter-spacing:-.03em;font-size:clamp(4rem,9vw,6.5rem);line-height:1}.calc-result__unit{color:var(--ink-muted);font-size:1.125rem}.calc-scale{margin-top:28px}.calc-scale__track{border:1px solid var(--paper-line);background:repeating-linear-gradient(90deg, transparent 0 calc(10% - 1px), var(--paper-line) calc(10% - 1px) 10%), var(--paper-2);border-radius:2px;height:28px;position:relative;overflow:hidden}.calc-scale__fill{background:linear-gradient(90deg, var(--blue), var(--blue-hi));transform-origin:0;transition:transform .5s var(--ease);position:absolute;inset:0}.calc-scale__ticks{height:30px;position:relative}.calc-scale__ticks span{justify-items:center;display:grid;position:absolute;top:0;transform:translate(-50%)}.calc-scale__ticks span:first-child{justify-items:start;transform:none}.calc-scale__ticks span:last-child{justify-items:end;transform:translate(-100%)}.calc-scale__ticks i{background:var(--ink-muted);width:1px;height:6px}.calc-scale__ticks span.is-major i{height:10px}.calc-scale__ticks b{color:var(--ink-muted);margin-top:3px;font-size:.6875rem;font-weight:400}.calc-warn{gap:10px;margin:12px 0 0;font-size:.875rem;line-height:1.5;display:flex}.calc-warn:before{content:"";background:var(--warn);border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.calc-break{border-top:1px solid var(--paper-line);margin:24px 0 0}.calc-break>div{border-bottom:1px solid var(--paper-line);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:12px 0;display:flex}.calc-break dt{color:var(--ink-muted)}.calc-break dd{margin:0}.calc-formula{color:var(--ink-muted);margin:14px 0 0;font-size:.8125rem}@media (prefers-reduced-motion:reduce){.calc-scale__fill{transition:none}}