.sc{--sc-figure:clamp(40px,4.4vw,56px);--sc-title:32px;--sc-input:24px;--sc-label:18px;--sc-body:16px}.sc.savings-band{background:var(--color-n-100)}.sc .calc{flex-direction:column;gap:24px;display:flex}.sc .panel,.sc .out{border-radius:var(--radius-lg);padding:36px}.sc .panel{background:var(--color-white);color:var(--color-ink)}.sc h2{font:400 var(--sc-title)/1.15 var(--font-sans);letter-spacing:-.02em;color:inherit;margin:0}.sc .panel h2{margin-bottom:28px}.sc .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px;display:grid}.sc .field{border:0;min-width:0;margin:0;padding:0}.sc .row{justify-content:space-between;align-items:center;gap:16px;min-height:42px;display:flex}.sc .tools legend{align-items:center;min-height:42px;display:flex}.sc label,.sc .tools legend,.sc .value{font-size:var(--sc-label);color:var(--color-ink);padding:0;font-weight:500}.sc .value{white-space:nowrap}.sc .help,.sc .ends{font-size:var(--sc-body);color:var(--color-ink)}.sc .help{margin-top:4px}.sc .ends{justify-content:space-between;display:flex}.sc .pill{border:1px solid var(--color-ink);vertical-align:2px;white-space:nowrap;border-radius:999px;margin-left:10px;padding:5px 10px;font-size:14px;font-weight:500;line-height:1;display:inline-block}.sc input[type=range]{width:100%;accent-color:var(--color-ink);cursor:pointer;height:28px;margin-top:12px}.sc .money{border:1px solid var(--color-ink);border-radius:var(--radius-md);align-items:center;gap:10px;height:56px;margin-top:12px;padding:0 18px;display:flex}.sc .money:focus-within{outline:2px solid var(--color-ink);outline-offset:2px}.sc .money span,.sc .money input{font:500 var(--sc-input) var(--font-sans);color:var(--color-ink)}.sc .money input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0}.sc .choice{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.sc .choice button,.sc .switch button{font:500 var(--sc-body) var(--font-sans);color:var(--color-ink);cursor:pointer;background:0 0}.sc .choice button{border:1px solid var(--color-ink);border-radius:var(--radius-md);height:56px}.sc .switch{border:1px solid var(--color-ink);border-radius:999px;flex-shrink:0;gap:3px;min-width:0;height:42px;margin:0;padding:3px;display:flex}.sc .switch button{border:0;border-radius:999px;width:56px}.sc .choice button[aria-pressed=true],.sc .switch button[aria-pressed=true]{background:var(--color-ink);color:var(--color-cream)}.sc .choice button:focus-visible,.sc .switch button:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.sc .results{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.sc .out{background:var(--color-ink);color:var(--color-cream);flex-direction:column;display:flex}.sc .out-icon{stroke-width:1.2px;width:40px;height:40px;margin-bottom:20px}.sc .out .kicker{font-size:var(--sc-label);color:inherit;font-weight:500}.sc .out .big{font-size:var(--sc-figure);letter-spacing:-.03em;white-space:nowrap;margin-top:12px;font-weight:500;line-height:1.05}.sc .out .basis,.sc .lever{font-size:var(--sc-body);color:inherit;line-height:1.5}.sc .out .basis{margin-top:10px}.sc .levers{flex-direction:column;gap:10px;margin:24px 0 0;padding:0;list-style:none;display:flex}.sc .lever{padding-left:20px;display:block;position:relative}.sc .lever:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;position:absolute;top:.6em;left:0}.sc .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px;display:grid}.sc .steps article{border-top:1px solid var(--color-ink);padding-top:20px}.sc .n,.sc .steps h3{font:500 var(--sc-label)/1.3 var(--font-sans)}.sc .steps h3{margin:8px 0}.sc .steps p,.sc.method .disclaimer{font-size:var(--sc-body);color:var(--color-ink);line-height:1.6}.sc.method .disclaimer{max-width:760px;margin-top:36px}@media (width<=900px){.sc .fields,.sc .results{grid-template-columns:1fr}.sc .steps{grid-template-columns:1fr 1fr}}@media (width<=720px){.sc{--sc-title:28px}.sc .panel,.sc .out{padding:24px}.sc .steps{grid-template-columns:1fr}.sc .out .big{white-space:normal}}@media (width<=600px){.sc .row:has(.switch){flex-direction:column;align-items:flex-start;gap:8px}.sc .switch button{width:48px}}