/* ============================================================================ mobile.css — responsive layer for phones & small tablets ============================================================================ THE ONE RULE: DESKTOP IS SACRED. Desktop (>991px) is ~90% of usage and already considered "perfect." Every rule in this file MUST live inside a `@media (max-width: …)` block. Nothing here may affect the desktop layout — if a change would apply above 991px, it does not belong in this file. Load order (see base.html ): bootstrap → style.css → inline design-system