/* DS-002 (restyle): keep the Particles_Background behind the hero only. The theme positions `#particles-js` absolutely at the top of `` at 100% of the viewport's height, painting `images/screen.jpg`. On the home page the hero is at least that tall, but on list, single, 404, and the destination pages it is shorter (about 430px against a 700px window), so the layer runs past the hero and covers the top of the page's content: positioned elements paint over non-positioned ones. The current site does this on its single post pages. Lifting the main content region into its own stacking layer, on the page background, leaves the photo visible only behind the hero. Scoped with `:has` to pages carrying the restyled element (`.tkc-particles`, emitted only when DS-002 is accepted with disposition `restyle`), so nothing changes otherwise. The theme's `#particles-js` rule is left untouched. */ body:has(#particles-js.tkc-particles) main.content { position: relative; z-index: 1; background-color: var(--tkc-color-bg); }