.calc-title{margin:0 auto var(--title-gap)}.calc{padding:var(--card-pad);border-radius:var(--radius-xl);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,4vw,64px);display:grid}.calc .calc-setup{container:calc-setup/inline-size}.calc .calc-setup .calc-label:not(:first-child){margin-top:var(--gap-title-text)}.calc .stepper{color:var(--c-heading);border-bottom:1px solid #10101014;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;font-weight:700;display:flex}.calc .calc-label+.stepper{padding-top:0}.calc .stepper-ctl{align-items:center;gap:10px;display:flex}.calc .stepper-ctl output{text-align:center;min-width:2.2em;font-family:var(--f-serif);font-size:var(--t3);font-variant-numeric:tabular-nums;line-height:1}@container calc-setup (width<=300px){.calc .stepper{gap:10px;font-size:14px}.calc .stepper-ctl{gap:6px}.calc .stepper-ctl output{min-width:1.7em}}.calc .stepper-ctl button{width:32px;height:32px;color:var(--c-heading);cursor:pointer;background:0 0;border:1px solid #1010101a;border-radius:50%;place-items:center;padding:0;transition:opacity .2s;display:grid}.calc .stepper-ctl button:disabled{opacity:.35;cursor:default}.calc .switch{width:100%}.calc .switch-opt{letter-spacing:.3px;padding-inline:10px}.calc:not(.is-ready) .switch-thumb{display:none}.calc:not(.is-ready) .switch-opt.is-on{background:#fff}.calc .calc-drop{position:relative}.calc .calc-drop--mobile{display:none}.calc .calc-select{width:100%;height:46px;font:inherit;color:var(--c-heading);cursor:pointer;background:#ffffffa6;border:1px solid #1010101f;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px 0 16px;font-weight:700;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex}.calc .calc-drop.is-open .calc-select{border-color:var(--c-blue);background:#fff;box-shadow:0 0 0 4px #8cb4d759}.calc .calc-caret{fill:none;width:16px;height:16px;stroke:var(--c-heading);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .2s}.calc .calc-drop.is-open .calc-caret{transform:rotate(180deg)}.calc .calc-pop{z-index:10;box-shadow:var(--shadow-lift);transform-origin:top;animation:calc-drop .22s var(--ease);background:#fff;border:1px solid #10101014;border-radius:16px;gap:2px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0}.calc .calc-pop[hidden]{display:none}@keyframes calc-drop{0%{opacity:0;transform:translateY(-6px)scale(.97)}}.calc .calc-opt{font:inherit;text-align:left;color:var(--c-heading);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px;font-weight:700;display:flex}@media (hover:hover){.calc .calc-opt:hover{background:#1010100d}}.calc .calc-opt i{border:1.5px solid #1010104d;border-radius:50%;flex:none;width:14px;height:14px;transition:box-shadow .2s}.calc .calc-opt.is-on i{border-color:var(--c-heading);box-shadow:inset 0 0 0 3px #fff, inset 0 0 0 7px var(--c-heading)}.calc :is(.stepper-ctl button,.switch-opt,.calc-select,.calc-opt):focus-visible{outline:2px solid var(--c-blue);outline-offset:2px}.calc .calc-result{align-content:center;gap:var(--gap-title-text);display:grid;container:calc-result/inline-size}.calc .bar-head{color:var(--c-heading);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.calc .bar-head span{color:#10101087}.calc .bar-head strong{font-family:var(--f-serif);font-size:var(--t3);color:var(--c-heading);font-variant-numeric:tabular-nums;font-weight:400}.calc .bar{background:#1010100f;border-radius:100px;height:12px;display:block;overflow:hidden}.calc .bar i{height:100%;width:calc(var(--w) * 100%);border-radius:inherit;transition:width .5s var(--ease);display:block}.calc .bar-row--blue .bar i{background:var(--c-blue)}.calc .bar-row--yellow .bar i{background:var(--c-yellow)}.calc .bar-row small{color:#10101087;margin-top:8px;font-size:13px;display:block}.calc .calc-total{padding-top:var(--gap-title-text);border-top:1px solid #10101014}.calc .calc-total .calc-label{margin-bottom:6px}.calc .calc-total-value{font-family:var(--f-serif);color:var(--c-heading);font-variant-numeric:tabular-nums;font-size:clamp(48px,4.4vw,68px);font-weight:400;line-height:1;display:block}.calc .calc-total-meta{color:#10101099;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font-size:14px;display:flex}.calc .calc-pill{color:#1f8a4c;background:#50c87829;border-radius:100px;padding:3px 10px;font-weight:700}.calc-note{max-width:860px;margin:var(--gap-p) auto 0;text-align:center;color:#10101080;font-size:12px;line-height:1.6}@media (width<=900px){.calc{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.calc .calc-setup .switch{display:none}.calc .calc-drop--mobile{display:block}}