/* TEMPORARY design sandbox styles (page /design-sandbox/ only; removed in D11).
   Option CSS is scoped: .sbx-a, .sbx-b. Only design-system tokens from main.css.
   Breakpoints as in main.css (see DESIGN-SYSTEM.md section 4.3). Empty between design sessions: the chosen option moves into main.css. */

/* Page chrome */
.sbx-note { max-width: 46rem; color: var(--color-muted); }
.sbx section + section { margin-top: var(--space-8); }
.sbx-page .mobile-cta-bar { display: none; } /* the live sticky bar would cover mock-ups in screenshots */