/* Fixed page caps caused excessive empty side space on large monitors.
   Replace page-shell caps only; field limits, readable paragraphs and dialogs stay intact. */
@media screen and (min-width:1200px){
 :root{--sd-page-gutter:clamp(24px,2vw,48px);--sd-header-gutter:var(--sd-page-gutter)}
 html body .container,html body .sd-site-footer>.container,
 html body .site-header .header-inner,html body .sd-public-header .sd-public-inner{box-sizing:border-box;width:calc(100% - 2 * var(--sd-page-gutter));max-width:none;margin-inline:auto;}
 html body main[data-wide-page]{box-sizing:border-box;width:calc(100% - 2 * var(--sd-page-gutter));max-width:none;margin-inline:auto;padding-inline:0;}
 html body.workflow-payment .payment-section>.container{max-width:none;}
 html body.workflow-payment #square-payment-request-form.payment-form-wide{width:100%;max-width:none;}
 html body main[data-wide-page] .wrap{width:100%;max-width:none;}
}

/* Scroll the document at the screen edge instead of clipping the quote form. */
@media screen {
 html:has(body.workflow-quote){height:auto;min-height:100%;display:block;overflow-y:scroll;}
 html body.workflow-quote{height:auto;min-height:100vh;display:block;}
 html body.workflow-quote:not(.popup-open):not(.outside-service-area-open){overflow:visible;}
 html body.workflow-quote>main,html body.workflow-quote #quote,
 html body.workflow-quote #quote>.container{height:auto;max-height:none;overflow:visible;}
 html body #quote #quote-form{position:static;top:auto;height:auto;max-height:none;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto;}
}