zuevav
d776870d35
The real reason the mobile nav still wrapped into a tall stack: deeper in style.css (lines ~3260, ~3876, ~3950, ~3978) the original mobile design used `display: grid` with explicit grid-column overrides for the 4th/5th nav buttons. Those rules sit AFTER the @media block I added at line 244, so same-specificity source-order made them win — flipping the nav back from flex to a 3-column grid that no longer fits 6 items. Removed/neutered those legacy grid rules (designed for the old 5-tab nav) and added `display: flex !important` plus `grid-template-columns: none !important` to the new @media block so any future grid rule can't sneak back in. Result: on screens ≤720px the nav is a single flex row with horizontal scroll, no matter the source order. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
