body.finance-modal-open{overflow:hidden}
dialog#finance-panel{box-sizing:border-box;width:min(1120px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:32px 40px;border:0;border-radius:18px;color:var(--ink);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 90px #0005}
dialog#finance-panel::backdrop{background:rgba(12,20,24,.7)}
.finance-close{position:absolute;right:14px;top:10px;display:grid;place-items:center;width:44px;height:44px;background:transparent;border:0;border-radius:50%;font-size:32px;line-height:1;color:#4c5452;cursor:pointer}
.finance-close:hover{background:#f2f2f2}
.finance-close:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
dialog#finance-panel .finance-heading{padding:4px 38px 24px 0}
dialog#finance-panel .finance-heading h1{font-size:42px;letter-spacing:-1px}
dialog#finance-panel .finance-heading>p{font-size:17px;max-width:650px}
dialog#finance-panel .intuitive-finance{gap:38px}
dialog#finance-panel .amortization-switch{margin:4px 0 36px}
dialog#finance-panel .slider-grid{gap:36px 30px}
dialog#finance-panel .payment-ring{max-width:320px}
dialog#finance-panel .finance-summary{margin-top:28px;padding-top:24px}
@media(max-width:850px){dialog#finance-panel{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:26px 24px}dialog#finance-panel .intuitive-finance{gap:24px}}
@media(max-width:540px){dialog#finance-panel{padding:24px 16px;border-radius:14px}dialog#finance-panel .finance-heading h1{font-size:32px}dialog#finance-panel .finance-heading>p{font-size:15px}dialog#finance-panel .slider-grid{gap:26px 16px}dialog#finance-panel .payment-ring{max-width:290px}.finance-close{right:6px;top:6px}}