/* Marketing chapters only. Explicit local surfaces protect controls and product screens. */
body.flow-site{background:var(--paper,#fff);color:var(--ink,#171816)}
body.flow-site [data-flow-section]{--flow-surface:#fff;--flow-ink:#171816;position:relative;isolation:isolate;background:var(--flow-surface);color:var(--flow-ink)}
body.flow-site [data-flow-section="stone"]{--flow-surface:#f1eeea}
body.flow-site [data-flow-section="warm"]{--flow-surface:#e0ded3}
body.flow-site [data-flow-section="rose"]{--flow-surface:#e9dce0}
body.flow-site [data-flow-section="citron"]{--flow-surface:#e5ec81}
body.flow-site [data-flow-section="peach"]{--flow-surface:#f2c8ac}
body.flow-site [data-flow-section="sky"]{--flow-surface:#c7def0}
/* A constrained text section still paints edge to edge without changing its layout. */
body.flow-site [data-flow-section].wrap:before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background:var(--flow-surface);pointer-events:none}
body.flow-site [data-flow-section] :is(h1,h2,h3,p,blockquote,.eyebrow,.px-kicker,.px-small,.px-status,.journey-label,.text-link,.line-link,.journey-link,.section-head,.px-heading,.sidekick-kicker):not(:where(.px-hero-aside,.px-offer,.px-report,.px-estimate,.px-calculator,.px-scene-controls,.px-laptop,.px-phone,.pricing-card,.pricing-offer,.price-complete,.service-option,.service-card,.resource-card,.library-factfinder,.craft-library-feature,.library-roadmap,.library-register,.trust-card,.workbench,.dashboard-preview,.knowledge-sheet,.workflow-arrival,.workflow-draft,.fx-device,.fx-window,.fx-card,.fx-preview,.fx-browser,.fx-tool-card,.fx-tool,.fx-phone,.fx-laptop,.fx-screen,.fx-feature-stage,.fx-feature-canvas,.fx-demo,.sidekick-portrait,.operator-copy) *){color:var(--flow-ink)}
body.flow-site [data-flow-section] :is(.px-hero-aside,.px-offer,.px-report,.px-estimate,.resource-card,.pricing-card,.service-card,.trust-card){color:var(--ink,#171816)}
body.flow-site [data-flow-section] :is(.px-benefits article,.px-core-grid article,.px-module,.px-details){border-color:color-mix(in srgb,var(--flow-ink) 22%,transparent)}
body.flow-site [data-flow-section="burgundy"] > :is(.wrap,.journey-layout) > .journey-copy .journey-link{color:var(--flow-ink)}
/* Keep designated panels clear in dark appearance; their existing component colours remain. */
:root[data-theme="dark"] body.flow-site [data-flow-section]:not([data-flow-section="burgundy"]){--flow-ink:#171816}
@media(prefers-reduced-motion:reduce){body.flow-site [data-flow-section]{transition:none}}
/* Existing component rules have stronger selectors than the chapter surface. */
body.flow-site.editorial.pricing-page [data-flow-section].section.soft-section{background:var(--flow-surface);color:var(--flow-ink)}
body.flow-site [data-flow-section] .closing-bottom .line-link{color:#fff}
body.flow-site [data-flow-section] .px-scene-controls .px-motion{color:var(--flow-ink)}
body.flow-site [data-flow-section] .px-fields>label{color:var(--flow-ink)}
body.flow-site [data-flow-section] .library-roadmap :is(h3,p,span){color:var(--flow-ink)}
body.flow-site [data-flow-section] .library-register h3{color:var(--ink)}
body.flow-site [data-flow-section] #selection-status{color:#514b49}

/* Enhanced mode is one continuous field across the page, never stacked opaque bands. */
body.flow-site.flow-colour-active{background:var(--flow-page-surface,#f1eeea);color:var(--flow-page-ink,#171816)}
body.flow-site.flow-colour-active [data-flow-section]{--flow-ink:var(--flow-page-ink,#171816);background:transparent}
body.flow-site.flow-colour-active [data-flow-section].wrap:before{background:transparent}
body.flow-site.editorial.pricing-page.flow-colour-active [data-flow-section].section.soft-section{background:transparent}
body.flow-site.flow-colour-active :is(.library-page,.gd-page){background:transparent}
/* These borderless links follow the page field; filled controls keep their own ink. */
body.flow-site [data-flow-section] .fx-link{color:var(--flow-ink)}
body.flow-site [data-flow-section] .fx-tabs button:not([aria-pressed="true"]){color:var(--flow-ink)}
body.flow-site [data-flow-section] .fx-tabs .fx-motion{color:var(--flow-ink)}
/* Unwrapped prose also sits on the continuous light field in dark appearance. */
body.flow-site.flow-colour-active .px-crosslink,
body.flow-site.flow-colour-active .px-crosslink a{color:var(--flow-page-ink,#171816)}
body.flow-site.flow-colour-active #our-process{background:transparent}
body.flow-site.flow-colour-active #our-process .process-heading,
body.flow-site.flow-colour-active #our-process .process-heading :is(h2,p,span){color:var(--flow-page-ink,#171816)}

/* Preserve self-coloured commercial cards; transparent library copy follows the field. */
body.flow-site.flow-colour-active .journey-nav{background:transparent;color:var(--flow-page-ink,#171816)}
body.flow-site.flow-colour-active .journey-nav a{color:var(--flow-page-ink,#171816)}
body.flow-site [data-flow-section] .resource-content :is(h3,p,small,.text-link){color:var(--flow-ink)}
body.flow-site [data-flow-section] .resource-content .pill{color:#622338}
body.flow-site [data-flow-section] .craft-library-feature,
body.flow-site [data-flow-section] .craft-library-feature :is(h2,.text-link){color:var(--ink)}