:root { /* Same dark background every one of the four inlined pieces already uses (--bg in each explainer's own style.css) -- the whole article now shares it, rather than alternating light prose against dark interactive panels, so there's no seam/color-jump at a piece's edge regardless of where a scroll happens to land. */ --bg: #050208; --ink: #eef1f4; --ink-light: #a7b0bd; --accent: #9fe8db; --rule: rgba(159, 232, 219, 0.18); --content-width: 680px; } * { box-sizing: border-box; } html, body { margin: 0; padding: 0; } /* No scroll-snap here, and no scroll-repositioning script anywhere on this page (see script.js's own note). Both were tried, in this file's own earlier history, as ways to stop a piece's own pinned graphic from settling half on/off screen -- a problem that came entirely from embedding each piece in a fixed-height (90vh)