/* White editorial surfaces; status colours inside figures remain meaningful. */
:root{--bg:#fff;--surface:#fff;--alt:#fff}
html,body,main,.section-alt,.cs-hero,.vs-section,.csx-section,.research-story,.demo-section{background-color:#fff}
.section-alt,.cs-hero,.vs-figure,.csx-visual,.research-canvas,.crh-architecture-section,.crh-architecture-pan,.services-catalogue,.sr-section,.service-story,.pbi-service-hero{background:#fff}
.quality-case-expanded .qc-architecture-section,.quality-case-expanded .qc-assurance-section,.quality-case-expanded .qc-consolidation,.quality-case-expanded .qc-lifecycle,.quality-case-expanded .qc-monitor{background:#fff}
.landing-page.home-refinement .home-evidence,.landing-page.home-refinement .home-delivery{background:#fff;color:#26354c}
.landing-page.home-refinement .home-evidence :is(h2,h3,p,strong,span,figcaption){color:#26354c}
.landing-page.home-refinement .home-evidence .home-section-heading{color:#102a43}
.landing-page.home-refinement .home-evidence .home-kicker{color:#17697f}
.landing-page.home-refinement .home-evidence .home-text-link{color:#005b9d}
.landing-page.home-refinement .home-evidence-panel{border-color:#cadbe5}
.landing-page.home-refinement .home-chart-track{background:#edf3f6}
.landing-page.home-refinement .home-chart-bar{background:#718ba0}
.landing-page.home-refinement .home-chart-bar--after{background:#087e73}
.landing-page.home-refinement .home-capture-after{background:#fff;border-color:#78aba7}
.landing-page.home-refinement .home-capture-after svg{color:#087e73}
.landing-page.home-refinement .home-evidence a:focus-visible{outline-color:#087e73}
/* Legacy articles use inline dark-theme colours: keep their white surfaces readable. */
.white-editorial :is(h1,h2,h3,h4,h5,h6){color:#102a43!important}
.white-editorial :is(p,li,td,th,.pull-quote,.meta-date,.meta-read,.breadcrumb){color:#26354c!important}
.white-editorial [style*="color:"]{color:#26354c!important}
.white-editorial :is(.meta-tag,.blog-card-category,.info-box-title,.related-services-label){color:#054186}
.white-editorial :is(a,.breadcrumb a,.info-box a,.blog-callout a){color:#054186!important}
.white-editorial a.btn-primary,.white-editorial a.btn-primary *{color:#fff!important}
.white-editorial .blog-index-hero{padding:112px 24px 64px}
.white-editorial :is(footer,#mobile-menu){background:#fff!important}
.white-editorial a:focus-visible,.white-editorial button:focus-visible{outline:3px solid #087e73;outline-offset:4px}