.calc{--calc-display:clamp(2rem, 4.6vw, 3.5rem);--calc-rule:color-mix(in srgb, var(--color-ink-300) 34%, transparent);--calc-rule-strong:color-mix(in srgb, var(--color-ink-300) 62%, transparent);--calc-gut:clamp(1.25rem, 3.4vw, 4.5rem);--calc-measure:66ch;--calc-measure-sans:56ch}.calc-bg{isolation:isolate;position:relative}.calc-bg:before{content:"";z-index:-1;pointer-events:none;background-image:var(--calc-bg,none);opacity:clamp(0, var(--calc-bg-opacity,.3), .38);background-position:50% 0;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 30%,#0000 72%);mask-image:linear-gradient(#000 0% 30%,#0000 72%)}:root[data-theme=light] .calc-bg{--calc-bg:url(/calculators/calc-field-light.webp)}:root[data-theme=dark] .calc-bg{--calc-bg:url(/calculators/calc-field-dark.webp)}.calc-wrap{width:100%;max-width:92rem;padding-inline:var(--calc-gut);margin-inline:auto}.calc-mono{font-family:var(--font-mono,ui-monospace, monospace);text-transform:uppercase;letter-spacing:.12em;color:var(--color-ink-400);font-size:.75rem;line-height:1.35}.calc-fine{font-family:var(--font-mono,ui-monospace, monospace);text-transform:none;letter-spacing:0;max-width:var(--calc-measure);color:var(--color-ink-400);font-size:.8125rem;line-height:1.65}.calc-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.calc-title{font-size:var(--calc-display);letter-spacing:-.035em;color:var(--color-ink-700);text-wrap:balance;max-width:20ch;font-weight:700;line-height:1}.calc-bench{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:clamp(1.5rem,3.5vw,3.5rem);display:grid}.calc-stick{position:sticky;top:clamp(4.5rem,9vh,6.5rem)}@media (max-height:820px),(max-width:1024px){.calc-stick{position:static}}.calc-spec{border-top:1px solid var(--calc-rule-strong)}.calc-spec-row{border-bottom:1px solid var(--calc-rule);padding:.85rem 0}.calc-field{font-variant-numeric:tabular-nums;min-block-size:44px;inline-size:100%;color:var(--color-ink-700);background:color-mix(in srgb, var(--color-ink-700) 5%, var(--color-cream-100));border:1px solid var(--calc-rule);border-radius:2px;padding:.55rem .75rem;font-family:inherit;font-size:1rem;line-height:1.35;transition:border-color .12s,background-color .12s;display:block}.calc-field::placeholder{color:var(--color-ink-400)}.calc-field:hover{border-color:var(--calc-rule-strong)}.calc-field:focus{border-color:var(--color-ink-700);background:color-mix(in srgb, var(--color-ink-700) 8%, var(--color-cream-100));outline:none}.calc-field:focus-visible{outline:2px solid var(--color-ink-700);outline-offset:1px}.calc-field[aria-invalid=true]{border-color:var(--color-down)}.calc-field--pre{padding-inline-start:1.85rem}.calc-field--select{padding-inline-end:2rem}.calc-field--suf{padding-inline-end:2.75rem}.calc-unit{font-family:var(--font-mono,ui-monospace, monospace);color:var(--color-ink-400);pointer-events:none;font-size:.8125rem;position:absolute;top:50%;transform:translateY(-50%)}.calc-unit--pre{inset-inline-start:.75rem}.calc-unit--suf{inset-inline-end:.75rem}.calc-panel{background:var(--color-cream-50);border:1px solid var(--calc-rule);border-radius:6px;padding:clamp(1.15rem,2.4vw,2rem);container:calcpanel/inline-size}.calc-net{letter-spacing:-.045em;color:var(--color-ink-700);margin-top:.4rem;font-size:clamp(2rem,11cqw,4rem);font-weight:700;line-height:.92;display:block}@supports not (container-type:inline-size){.calc-net{font-size:clamp(2rem,5vw,4rem)}}.calc-net[data-d=up]{color:var(--color-up)}.calc-net[data-d=dn]{color:var(--color-down)}.calc-net-note{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;color:var(--color-ink-400);margin-top:.5rem;font-size:.75rem;display:block}.calc-readout{border-top:1px solid var(--calc-rule-strong);grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:1.15rem 1.75rem;margin-top:clamp(1.25rem,2.4vw,1.75rem);padding-top:clamp(1.15rem,2.2vw,1.5rem);display:grid}.calc-fig-k{align-items:center;gap:.45rem;display:flex}.calc-fig-v{letter-spacing:-.02em;color:var(--color-ink-700);font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:clamp(1.05rem,1.7vw,1.375rem);font-weight:600;display:block}.calc-fig-v[data-d=up]{color:var(--color-up)}.calc-fig-v[data-d=dn]{color:var(--color-down)}.calc-swatch{border-radius:2px;flex:none;block-size:.7rem;inline-size:.7rem;display:inline-block}.calc-swatch[data-s=base]{background:var(--viz-1)}.calc-swatch[data-s=up]{background:var(--viz-up)}.calc-swatch[data-s=down]{background:var(--viz-down)}.calc-swatch[data-s=band]{background:var(--viz-3)}.calc-swatch[data-s=mute]{background:var(--calc-rule-strong)}.calc-plot{block-size:clamp(16rem,36vh,24rem);inline-size:100%;margin-top:.75rem}.calc-plot--tall{block-size:100%;min-block-size:22rem;inline-size:100%}.calc-legend{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-400);flex-wrap:wrap;gap:.5rem 1.5rem;margin:.85rem 0 0;padding:0;font-size:.75rem;list-style:none;display:flex}.calc-legend li{align-items:center;gap:.5rem;display:inline-flex}.calc-key-line{border-top:2px dashed var(--calc-rule-strong);flex:none;block-size:0;inline-size:1.25rem;display:inline-block}.calc-key-line[data-s=base]{border-top-color:var(--viz-1)}.calc-key-line[data-s=band]{border-top-color:var(--viz-3)}.calc-key-line[data-s=up]{border-top-color:var(--viz-up);border-top-style:solid}.calc-key-line[data-s=solid]{border-top-style:solid;border-top-color:var(--color-ink-700)}.calc-alloc{background:color-mix(in srgb, var(--color-ink-700) 7%, var(--color-cream-100));border:1px solid var(--calc-rule);border-radius:3px;block-size:2.75rem;position:relative;overflow:hidden}.calc-alloc-fill{background:color-mix(in srgb, var(--viz-1) 40%, transparent);border-inline-end:2px solid var(--viz-1);transition:inline-size .22s cubic-bezier(.22,.61,.36,1);position:absolute;inset-block:0;inset-inline-start:0}.calc-alloc-risk{background:color-mix(in srgb, var(--viz-down) 55%, transparent);transition:inline-size .22s cubic-bezier(.22,.61,.36,1);position:absolute;inset-block:0;inset-inline-start:0}.calc-alloc-tick{background:var(--calc-rule);inline-size:1px;position:absolute;inset-block:0}.calc-alloc-scale{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;color:var(--color-ink-400);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.4rem;font-size:.6875rem;display:flex}.calc-note{border-top:1px solid var(--calc-rule);max-width:var(--calc-measure-sans);color:var(--color-ink-400);margin-top:clamp(1.25rem,2.4vw,1.75rem);padding-top:clamp(1rem,2vw,1.35rem);font-size:.8125rem;line-height:1.6}.calc-index{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:0;display:grid}.calc-index>li{border:1px solid var(--calc-rule);margin:0 -1px -1px 0;display:flex}.calc-cell{background:var(--color-cream-50);flex-direction:column;flex:auto;min-inline-size:0;transition:background-color .16s;display:flex}.calc-cell:hover{background:var(--color-cream-200)}.calc-cell:focus-visible{outline:2px solid var(--color-ink-700);outline-offset:-2px}.calc-cell-q{letter-spacing:-.01em;color:var(--color-ink-700);text-wrap:balance;font-size:1.0625rem;font-weight:600;line-height:1.3}.calc-cell-go{align-items:center;gap:.35rem;margin-top:auto;padding-top:.9rem;display:inline-flex}.calc-cell:hover .calc-cell-arrow{transform:translate(2px)}.calc-cell-arrow{transition:transform .16s}.calc-rise{opacity:0;animation:.62s cubic-bezier(.22,.61,.36,1) forwards calc-rise;transform:translateY(12px)}@keyframes calc-rise{to{opacity:1;transform:none}}.calc-rise[data-i="1"]{animation-delay:70ms}.calc-rise[data-i="2"]{animation-delay:.14s}@media (max-width:1024px){.calc-bench{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.calc-panel{border-radius:4px;padding:1rem}.calc-readout{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem 1.25rem}.calc-plot{block-size:clamp(14rem,46vw,18rem)}.calc-index{grid-template-columns:minmax(0,1fr)}.calc-alloc{block-size:2.25rem}}@media (prefers-reduced-motion:reduce){.calc-rise,.calc-rise[data-i="1"],.calc-rise[data-i="2"]{opacity:1;animation:none;transform:none}.calc-alloc-fill,.calc-alloc-risk,.calc-cell,.calc-cell-arrow{transition:none}.calc-cell:hover .calc-cell-arrow{transform:none}}