/* The demo's one breakpoint, and the reason it is a file.
 *
 * `vivp-admin.html:223` — a single `@media(max-width:900px)` rule, copied
 * unchanged. It overrides `.layout` and `.sidebar` (declared in `layout.css`)
 * and `.stats-grid`, `.fg2`, `.fg3`, `.fg4` (declared in `components.css`) at
 * *equal specificity*, so it wins only by coming later. In the demo it is the
 * last thing in the block; here it has to be the last stylesheet `index.html`
 * links, and giving it a file of its own makes that structural rather than a
 * comment at the bottom of a file somebody might append to.
 *
 * Splitting it — each file carrying the part of the query that names its own
 * selectors — would render identically today and would be three places to edit
 * the day the breakpoint moves. `tests/css.test.js` holds the ordering.
 */
@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.fg2,.fg3,.fg4{grid-template-columns:1fr}}