/* ============================================================ Desktop / tablet layout layer ------------------------------------------------------------ The app shell was built mobile-first and never constrained: neither #page-wrapper nor #main-content had a max-width, so on a desktop monitor every page was the phone layout stretched edge to edge, with the mobile bottom tab bar still pinned across the bottom. This file only ADDS breakpoints. Everything below 768px is deliberately untouched, because the mobile UI is already correct. LOAD ORDER MATTERS: this must be the last stylesheet in , after base.html's own inline