/* ============================================================
   utilities.css - single-purpose helper classes.
   Loaded LAST on every page so these always win over the
   component rules in base.css and the per-page stylesheets.
   ============================================================ */

/* ---------- Utilities ----------
   Small single-purpose helpers, used in place of inline style attributes. */
.u-flush-top { margin-top: 0; }

.u-flush-bottom { margin-bottom: 0; }

.u-mt-xs { margin-top: 4px; }

.u-mt-lg { margin-top: 40px; }

/* ---------- Mobile nav visibility ----------
     Loaded last so this always wins over each page's own
     ".hamburger-btn { display: none; }" default (see base.css /
     per-page CSS "Mobile nav" sections) and actually shows the
     hamburger button once the desktop nav hides at 860px. */
@media (max-width: 860px) {
    nav.desktop-nav { display: none; }
    .hamburger-btn { display: flex; align-items: center; justify-content: center; }
    .header-actions { gap: 16px; }
}