/* Stage-only depth. One readable surface over the owner's existing circuit imagery. */
body.circuit-shop{--cs-enclosure-surface:rgb(5 18 28 / .74);position:relative;isolation:isolate;background-color:#07121d;--cs-chassis-surface:rgb(5 18 28 / .40);--cs-content-surface:rgb(5 18 28 / .82);--cs-nested-surface:rgb(9 30 43 / .20);--cs-dialog-surface:rgb(5 18 28 / .95)}
body.circuit-shop::before{content:"";position:fixed;inset:0 0 auto;height:100vh;height:100lvh;z-index:-1;pointer-events:none;background-image:linear-gradient(105deg,rgb(4 16 25 / .41),rgb(4 16 25 / .38)),url("circuit-neon-stage.e64e42df9b78.jpg");background-size:cover;background-position:center}
body.circuit-shop .chassis{background:var(--cs-chassis-surface)}
body.circuit-shop .fp-home{background:transparent}
body.circuit-shop .fp-home>section{background:var(--cs-enclosure-surface)}
body.circuit-shop .fp-home>.fp-open{background:rgb(5 18 28 / .82)}
body.circuit-shop .fp-home>.fp-contact{background:rgb(9 31 43 / .84)}
body.circuit-shop.light-mode{--cs-enclosure-surface:rgb(235 245 250 / .84);--cs-chassis-surface:rgb(235 245 250 / .30);--cs-content-surface:rgb(235 245 250 / .88);--cs-nested-surface:rgb(212 232 242 / .32);--cs-dialog-surface:rgb(235 245 250 / .96);background-color:#d7e9ef}
body.circuit-shop.light-mode::before{background-image:linear-gradient(rgb(228 241 247 / .52),rgb(220 237 244 / .52)),url("circuit-neon-stage.e64e42df9b78.jpg")}
body.circuit-shop.light-mode .fp-home>.fp-open{background:rgb(235 245 250 / .88)}
body.circuit-shop.light-mode .fp-home>.fp-contact{background:rgb(217 235 244 / .90)}
/* Shared public content surface system. Structural wrappers must not compound opaque fills. */
body.circuit-shop .live-content{background:transparent}
body.circuit-shop :is(.footer-cta,.site-footer,.page-lead,.page-hero,.live-content>section,.live-content>.blog-single,.live-content>.mosv2){background:transparent;--cs-content-fill:var(--cs-content-surface)}
/* Fill follows the existing steel casting. Mask the background only, never content/focus/menus. */
body.circuit-shop .has-armor{background:transparent}
body.circuit-shop .fp-home>.has-armor{background:transparent;--cs-content-fill:var(--cs-enclosure-surface)}
body.circuit-shop .has-armor:not(.site-header)::before{content:"";position:absolute;inset:1px;z-index:0;pointer-events:none;background:var(--cs-content-fill,var(--cs-content-surface));clip-path:polygon(32px 0,calc(100% - 32px) 0,100% 32px,100% calc(100% - 32px),calc(100% - 32px) 100%,32px 100%,0 calc(100% - 32px),0 32px)}
@media(max-width:700px){body.circuit-shop .has-armor:not(.site-header)::before{clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px)}}
/* Readable fallback before/without the optional frame enhancement. */
body.circuit-shop :is(.footer-cta,.site-footer,.page-lead,.page-hero,.live-content>section,.live-content>.blog-single,.live-content>.mosv2):not(.has-armor){background:var(--cs-content-surface)}
/* Nested reading cards retain a quiet tone without blocking the parent circuit field. */
body.circuit-shop .live-content :is(.note-panel,.sticky-card,.local-seo-card,.hero-console,.start-form,.service-aside,.problem-card,.solution-card,.work-card,.reading-layout aside,.request-summary,.parity-request-result,.form-error,.form-success,.parity-stage-note){background:var(--cs-nested-surface)}
body.circuit-shop.light-mode .circuit-native-content .form-success{color:#102734}
body.circuit-shop.light-mode .circuit-native-content .form-error{color:#84263a}
/* Dialog reading chrome uses a stronger scrim; media and embedded documents stay fully opaque. */
body.circuit-shop :is(.mosv2-view,.modal,.service-quick-view){background:var(--cs-dialog-surface)}
/* Only the surface is chamfered: menu, focus rings and header controls remain unclipped. */
body.circuit-shop .site-header::before{content:"";position:absolute;inset:1px;z-index:0;pointer-events:none;background:var(--cs-enclosure-surface);clip-path:polygon(21px 0,calc(100% - 21px) 0,100% 21px,100% calc(100% - 21px),calc(100% - 21px) 100%,21px 100%,0 calc(100% - 21px),0 21px)}
@media(max-width:700px){body.circuit-shop::before{background-position:58% center}}
@media(forced-colors:active){body.circuit-shop::before{display:none}body.circuit-shop .site-header::before{background:Canvas}body.circuit-shop,body.circuit-shop .chassis,body.circuit-shop .fp-home>section{background:Canvas;--cs-enclosure-surface:Canvas;--cs-chassis-surface:Canvas;--cs-content-surface:Canvas;--cs-nested-surface:Canvas;--cs-dialog-surface:Canvas}}

/* Standalone404 and native CMS start header/footer retain readable themed surfaces. */
body.circuit-shop.light-mode.page-not-found{color:#102734;--ink:#102734;--muted:#355465;--cyan:#00576b}
body.circuit-shop .live-content:is(.circuit-native-content)>:is(.start-hero,.start-footer){background:var(--cs-content-surface)}

/* Secondary reading text follows the light surface; controls/media keep their own paints. */
body.circuit-shop.light-mode .live-content :is(.mosv2-card>p,.parity-stage-note,.video-count-pill,.gallery-album-note,.work-info em,.start-form small){color:#355465}
body.circuit-shop.light-mode .live-content :is(.work-info b,.problem-card>span,.solution-card>span,.benefit-grid article>span){color:#00576b}
body.circuit-shop.light-mode .circuit-native-content>:is(.start-hero,.start-footer){--cyan:#00576b;--muted:#355465}