/* =========================================================================== * shared-chrome.css — the APP-WIDE rules the vocab sheet used to smuggle * =========================================================================== * Split out of subjects/vocab/styles.css (usability finding C6). Everything * here is selected by markup OUTSIDE the vocab app — the static shell in * index.html (`header.topbar`, the `.icon-btn` topbar buttons), the shared * in shared-app-shell.jsx (`.mode-header*`, `.home-link-*`, * `.progress-bar-*`, `.mode-progress-chip`), every `.mode-screen` sub-surface * (editing lab, guided math, practice home, admin queue, why-lessons, year * tests), and the document-level element rules. It used to load LAST (after * every component sheet) purely because it rode along with the vocab styles; * it now loads right after app-surface.css, BEFORE every subject/component * sheet. * * CASCADE NOTE — the move is order-preserving. These rules previously beat * index.html's inline