/* SZN Quiz — STANDALONE-ONLY background layer (card 101; scoped down in card 103).
 *
 * ONE JOB: the FIXED OPAQUE background layer for the standalone quiz
 * (quiz.sznpouches.com) only. Card 103 unified the rest of the page-flow shell (top-flow
 * main, breathable spacing, centered intro, hidden in-content primaries, the fixed
 * #navbar bottom bar) into the shared quiz-shell.css so it applies in the popup embed too.
 *
 * This opaque paper surface is the ONE piece that must NEVER reach the embed: in
 * bare-chrome the popup's own floating-cans image shows through the transparent form
 * (Preserve #1), and non-bare embed keeps its own --embed-bg surface (embed.css). So the
 * layer stays scoped under body:not([data-embed="1"]) — a guard test
 * (tests/unit/standalone-layout.unit.mjs) fails the build if any selector here is not
 * embed-guarded. No invented art: it paints the existing --paper token (--bg-fixed lets a
 * future skin point it at an image without touching this file).
 */
body:not([data-embed="1"])::before {
  content: ""; position: fixed; inset: 0; z-index: -1;
  background: var(--bg-fixed, var(--paper));
}
body:not([data-embed="1"])[data-theme="dark"]::before { background: var(--ink); }