I have a handful of global rules in place—universal border-box sizing, hidden horizontal overflow, and a mobile breakpoint that forces every column to stack. They solve most of my layout headaches, but on the homepage the grid can still break: occasional sideways scroll bars appear, a few floated elements keep their width, and column gaps show up below 768 px. I’d like you to audit the current stylesheet, pinpoint what is overriding or conflicting with those three rules, and rewrite the necessary selectors so the fix remains truly global. Please keep the solution lightweight (pure CSS; no extra frameworks), comment any critical lines, and test across common breakpoints to confirm the homepage stays flush while other pages remain unaffected. Deliverables • Updated CSS (unminified for review) • Minified production file • Short changelog explaining each adjustment If you need to see the live site or dev URL, let me know and I’ll share access right away.