/*
* mobile-native.css — the mobile layer.
*
* WHY THIS FILE EXISTS
* The app was authored desktop-first (see CLAUDE.md's design baseline) and its
* mobile behaviour is spread across ~19 stylesheets plus styles injected at
* runtime by JS. Editing all of those in place would (a) collide with the other
* agents currently working in them and (b) leave the mobile rules impossible to
* review or revert as one unit. So every mobile correction lives HERE, loaded
* LAST, and wins on cascade order rather than on !important.
*
* ⚠ LOAD ORDER IS THE MECHANISM — AND IT HAS TWO KNOWN LEAKS. This must stay
* the final stylesheet in index.html, but "final " is not "final rule":
* (1) index.html carries an inline