/* ============================================================ Plumbing only. Nothing here is a design decision — no colour, no typeface, no layout. Each site writes its own visual system on top; this file only carries the things that must be right on every site and are invisible when they are. ============================================================ */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; /* A sideways-scrollable page drags position:fixed elements out of view on phones. Clip rather than scroll. (clip, not hidden: hidden would make html a scroll container and break scroll-padding and sticky.) */ overflow-x: clip; } body { margin: 0; } /* Lock scrolling on the ROOT, not on body. html already has overflow-x:clip, so overflow:hidden on body turns body into its own scroll container — a position:sticky header then sticks to body and is thrown off-screen (with its close button) when the menu opens after scrolling. site.js puts .is-locked on directly; a :has() selector was tried first and its style invalidation visibly lagged behind the menu opening. */ html.is-locked { overflow: hidden; } /* [hidden] must win. A rule like `.gallery-more { display:flex }` outranks the browser's own `[hidden] { display:none }`, which left an empty "Show 0 more" button on screen whenever a gallery had nothing further to reveal. */ [hidden] { display: none !important; } img, svg, video { max-width: 100%; height: auto; display: block; } button { font: inherit; color: inherit; } /* A