.mortgage-calc{background:#fff;border:1px solid #e6ebf5;border-radius:28px;box-shadow:0 14px 42px rgba(12,22,45,.08);container-name:calc;container-type:inline-size;font-family:Gotham,Inter,Arial,sans-serif;margin:0 auto;max-width:760px;padding:24px}.mortgage-calc *,.mortgage-calc :after,.mortgage-calc :before{box-sizing:border-box}.calc-header{margin-bottom:12px}.mortgage-calc h1{color:#40404f;font-size:clamp(1.55rem,4.5cqi,2.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin:0 0 .35em;text-align:center}.calc-intro{color:#57576b;font-size:13px;font-weight:600;line-height:1.55;margin:0 auto;max-width:54ch;text-align:center}.calc-mode{background:#f0f3fa;border-radius:14px;display:flex;flex-wrap:wrap;gap:4px;margin:14px 0 8px;padding:4px}.calc-mode:last-of-type{margin-bottom:8px}.mode-btn{background:transparent;border:1px solid transparent;border-radius:10px;color:#57576b;cursor:pointer;flex:1 1 0;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;min-height:40px;padding:.6em .85em;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.mode-btn:hover{background:#eef3ff;color:#0158ff}.mode-btn.active{background:#fff;border-color:#bdd2ff;box-shadow:0 1px 5px rgba(0,0,0,.08);color:#0158ff}.scenario-explainer{align-items:flex-start;background:#f5f8ff;border:1px solid #d9e6ff;border-radius:14px;color:#40404f;display:flex;font-size:12px;gap:8px;line-height:1.5;margin-bottom:16px;padding:10px 14px}.scenario-explainer-lbl{color:#0158ff;flex-shrink:0;font-weight:700}.scenario-explainer-text{color:#40404f}.calc-stage{display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:14px}@container calc (min-width:700px){.calc-stage{align-items:start;grid-template-areas:"inputs outputs";grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.calc-input-panel{grid-area:inputs}.calc-result-wrap{align-self:start;grid-area:outputs}}.calc-input-panel,.calc-result-wrap{background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid #e8edf8;border-radius:22px;min-width:0;padding:16px}.calc-result{border:0;margin:0;padding:0;text-align:left}.calc-result .result-label{color:#57576b;display:block;font-size:12px;font-weight:700;line-height:1.45;margin:0 0 .45em}.calc-output{color:#0158ff;display:block;font-size:clamp(2rem,9cqi,3rem);font-weight:800;letter-spacing:-.04em;line-height:1;word-break:break-word}.calc-result-meta{color:#57576b;display:none;font-size:12px;line-height:1.55;margin:10px 0 0}.calc-meta-pills-wrap{margin-top:14px}.calc-meta-pills{display:flex;flex-wrap:wrap;gap:8px}.calc-meta-pill{align-items:center;background:#f4f7fc;border:1px solid #e2e8f5;border-radius:999px;color:#40404f;display:inline-flex;font-size:11px;font-weight:700;line-height:1.2;padding:8px 10px}.calc-viz-card{background:#f9fbff;border:1px solid #e6eefc;border-radius:18px;margin-top:14px;padding:14px}.calc-viz-head{align-items:flex-end;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.calc-viz-head strong{color:#40404f;font-size:12px;font-weight:700}.calc-viz-head span{color:#7c859b;font-size:11px;font-weight:600}.calc-viz{display:grid;gap:6px}.viz-row{display:grid;gap:4px}.viz-meta{align-items:center;color:#57576b;display:flex;font-size:11px;gap:10px;justify-content:space-between;line-height:1.2}.viz-meta strong{color:#0158ff;font-size:11px;font-weight:700}.viz-track{background:#dfe7f5;border-radius:999px;height:6px;overflow:hidden;width:100%}.viz-fill{background:linear-gradient(90deg,#0158ff,#82afff);border-radius:999px;height:100%;min-width:6px}.calc-input-panel{display:grid;gap:14px}.calc-edit-hint{align-items:flex-start;background:#f5f8ff;border:1px solid #d9e6ff;border-radius:15px;color:#57576b;display:flex;font-size:12px;gap:8px;line-height:1.45;padding:10px 12px}.calc-edit-dot{background:#0158ff;border-radius:999px;flex:0 0 8px;height:8px;margin-top:4px;width:8px}.calc-sliders{display:flex;flex-direction:column;gap:12px;margin:0}.calc-sliders label{align-items:center;background:#fff;border:1px solid #edf1f8;border-radius:18px;color:#40404f;display:grid;font-size:13px;font-weight:700;gap:9px 12px;grid-template-columns:minmax(0,1fr) auto;line-height:1.35;padding:12px 12px 10px}.calc-sliders label>span{min-width:0}.calc-sliders label strong,.value-pill{align-items:center;background:#eef5ff;border:1px solid #cde0ff;border-radius:999px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.6);color:#0158ff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;line-height:1.15;min-width:112px;padding:8px 12px;text-align:center;white-space:nowrap}.calc-sliders label strong span{cursor:text}.calc-sliders label strong span:hover,.value-pill span:hover{border-bottom:1.5px dashed rgba(1,88,255,.35)}.calc-sliders input[type=range]{appearance:none;background:#dde3f5;border-radius:999px;cursor:pointer;grid-column:1/-1;height:6px;outline:none;width:100%}.calc-sliders input[type=range]::-webkit-slider-thumb{appearance:none;background:#0158ff;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 6px rgba(1,88,255,.35);cursor:pointer;height:18px;width:18px}.calc-sliders input[type=range]::-moz-range-thumb{background:#0158ff;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 6px rgba(1,88,255,.35);cursor:pointer;height:18px;width:18px}.inline-edit{background:#fff;border:1px solid #cde0ff;border-radius:999px;box-sizing:border-box;color:#0158ff;font-family:inherit;font-size:12px;font-weight:700;min-width:96px;outline:none;padding:8px 10px;text-align:center}.calc-disclaimer{color:#57576b;font-size:11px;margin-top:16px}.disclaimer-toggle{align-items:center;background:none;border:none;color:#57576b;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:700;gap:.3em;padding:0}.disclaimer-toggle .chev{display:inline-block;transition:transform .2s}.calc-disclaimer.open .disclaimer-toggle .chev{transform:rotate(180deg)}.calc-disclaimer p{letter-spacing:-.15px;line-height:1.6;margin:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.calc-disclaimer.open p{margin-top:8px;max-height:500px}.calc-explainer{border-top:1px solid #edf1f8;color:#57576b;font-size:12px;margin-top:14px;padding-top:14px}.calc-explainer summary{align-items:center;color:#40404f;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:.3em;list-style:none}.calc-explainer summary::-webkit-details-marker{display:none}.calc-explainer summary:before{content:"▸";display:inline-block;font-size:10px;transition:transform .2s}.calc-explainer[open] summary:before{transform:rotate(90deg)}.calc-explainer-body{line-height:1.6;margin-top:10px}.calc-explainer-body p{margin:0 0 8px}.calc-explainer-body p:last-child{margin-bottom:0}