.financing-notice{margin:20px 0;padding:16px 18px;border:1px solid var(--company-accent,#C01134);border-left:5px solid var(--company-accent,#C01134);border-radius:8px;background:var(--company-surface,#fff);color:var(--company-text,#1E2836)}
.financing-notice strong{display:block;font-size:17px;line-height:1.5}
.financing-notice small{display:block;margin-top:6px;font-size:14px;line-height:1.5}
.financing-panel{margin-top:18px;padding-top:16px;border-top:2px solid var(--company-accent,#C01134)}
.financing-panel h3{font-size:19px;margin:0 0 6px}
.financing-panel .financing-terms{font-size:14px;margin:0 0 14px}
.financing-slider-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600}
.financing-slider-label output{font-size:22px;color:var(--company-accent,#C01134)}
.financing-slider{display:block;width:100%;min-height:44px;margin:4px 0 10px;padding:0;accent-color:var(--company-accent,#C01134);cursor:pointer}
.financing-slider:focus-visible{outline:3px solid var(--company-accent,#C01134);outline-offset:3px}
.financing-amounts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}
.financing-amounts div{min-width:0;padding:12px;background:var(--company-surface,#fff);border:1px solid #aeb6bf;border-radius:8px}
.financing-amounts dt{font-size:13px;line-height:1.5}
.financing-amounts dd{margin:4px 0 0;font-size:clamp(16px,2vw,22px);font-weight:700;overflow-wrap:anywhere}
.financing-panel p{font-size:13px;line-height:1.5}
.financing-panel [hidden],.financing-notice[hidden],.financing-panel[hidden]{display:none!important}
@media(max-width:380px){.financing-amounts{gap:8px}.financing-amounts div{padding:8px}}

/* Payment details belong to the page, not a second scrollable viewport. */
#designer .stage>.ballpark{max-height:none;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto;scroll-margin-top:20px}
@media(min-width:951px){
 #designer .stage:has(>.ballpark:not([hidden])){position:static;height:auto;display:block}
}

/* Match the single-column welcome layout; desktop notice stays in the copy. */
@media(max-width:650px){.hero-visual>.financing-notice{margin:16px 17px}}