/* v11.22: colour decisions belong to individual Lazy Blocks, not page selectors. */
:root{--cb-bg-white:#fff;--cb-bg-cream:#f6f4f0;--cb-bg-warm-grey:#e9e7df;--cb-bg-lavender:#eae5f1;--cb-bg-dark-purple:#211b35}
section.cb-bg--white{background:var(--cb-bg-white)!important;color:#211b35}
section.cb-bg--cream{background:var(--cb-bg-cream)!important;color:#211b35}
section.cb-bg--warm-grey{background:var(--cb-bg-warm-grey)!important;color:#211b35}
section.cb-bg--lavender{background:var(--cb-bg-lavender)!important;color:#211b35}
section.cb-bg--dark-purple{background:var(--cb-bg-dark-purple)!important;color:#fff}
section.cb-bg--dark-purple h2,section.cb-bg--dark-purple h3,section.cb-bg--dark-purple h4{color:#fff}
section.cb-bg--dark-purple p{color:#e2deee}
section.cb-bg--dark-purple .cb-eyebrow{color:#d8f388}
/* The four-stage journey has its own independent colour and animation system. */
/* Legacy HTML-only sections cannot expose Lazy Blocks settings without conversion. */
/* Keep the adjacent About You image-gallery and CTA sections visually distinct. */
body:has(.cb10-perspective) .cb-light-cta{background:#fff}
/* Existing fixed HTML editorial cards receive their background from the new editable block. */
.cb117-approach.cb-bg--white,.cb117-approach.cb-bg--cream,.cb117-approach.cb-bg--lavender,.cb117-approach.cb-bg--warm-grey{color:#211b35}
.cb117-approach.cb-bg--dark-purple .cb117-intro p,.cb117-approach.cb-bg--dark-purple>div .cb-eyebrow{color:#ded5eb}
@media(prefers-reduced-motion:reduce){.cb117-grid article{transition:none!important}}