/* Per-module background overrides; responsive without large image transfers on initial layout. */
.section-custom-bg{isolation:isolate;background-attachment:scroll!important;background-origin:border-box!important}
.section-custom-bg[style*="--module-text"]{color:var(--module-text)!important}
.section-custom-bg[style*="--module-text"] :is(h2,h3,p,.lead,.eyebrow,.section-heading p,.rich-copy,.faq-answer,.review-by){color:var(--module-text)!important}
.section-custom-bg[style*="--module-text"] .info-card :is(h3,p){color:var(--text)!important}
.section-custom-bg[style*="--module-text"] .cta-panel :is(h2,p){color:var(--module-text)!important}
.content-section{background-position:center;background-repeat:no-repeat}
@media (max-width:600px){.content-section.section-custom-bg{background-attachment:scroll!important}.bg-section-detail{max-width:100%}}
@media(prefers-reduced-motion:reduce){.section-custom-bg,.section-custom-bg *{background-attachment:scroll!important}}

/* If the section itself gets a background, do not obscure it with the CTA's preset panel. */
.section-custom-bg:has(.cta-panel) .cta-panel{background:transparent!important}
.section-custom-bg:has(.cta-panel){border-radius:0}