.calc-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:60px}.calc-heading h1{font-size:clamp(38px,4.5vw,64px)}.calc-heading p{margin-top:24px;color:var(--muted)}.calc-heading img{width:100%;height:auto;filter:drop-shadow(0 18px 20px #17375525)}.calc-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:start}.calc-layout h2{font-size:36px}.calc-layout form>p{margin:16px 0 24px;color:var(--muted)}.spend-row{padding:18px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 130px;gap:12px;align-items:center}.spend-row input[type=range]{grid-column:1/-1;width:100%;accent-color:#287fac}.calc-layout input[type=number],.calc-layout select{font:inherit;color:var(--ink);padding:10px;border:1px solid #9cb8cb;border-radius:8px;background:white;max-width:100%;width:100%}.calc-layout fieldset{margin:25px 0;padding:22px;border:1px solid var(--line);border-radius:16px}.calc-layout fieldset label{display:block;margin:12px 0 6px}.calc-result{position:sticky;top:24px;background:#eaf4fa;padding:36px;border-radius:24px 24px 60px 24px;background-image:repeating-linear-gradient(0deg,#17375504 0,#17375504 1px,transparent 1px,transparent 4px)}.calc-result h2{font-size:64px;margin-top:24px}.annual{padding-bottom:24px;border-bottom:1px solid #bcd3e3}.break-row{display:flex;justify-content:space-between;gap:12px;margin-top:15px}.calc-result strong{font-variant-numeric:tabular-nums}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #349cc4;outline-offset:4px}button{cursor:pointer}.section>.button{margin-top:24px}#error{color:#923a30}.calc-layout legend{font-weight:600}@media(max-width:700px){.calc-heading,.calc-layout{grid-template-columns:1fr;gap:30px}.calc-heading img{max-width:320px}.calc-result{position:static;padding:26px}.calc-heading{padding-bottom:36px}.nav>a:last-child{font-size:12px}.calc-result h2{font-size:52px}}