/* ============================================================
   NAVBAR STICKY FIX
   Problem: .navbar used position:sticky but .topbar uses
   position:fixed (removed from flow), so the navbar had no
   fixed anchor and scrolled away with the page content.
   Fix: Convert .navbar to position:fixed, pinned directly
   below the topbar, and offset body content by both heights.
   NOTHING else in your CSS is touched.
   ============================================================ */

/* 1. Pin the navbar directly below the fixed topbar */

.navbar {
    position: fixed;                          /* was: sticky */
    top: var(--topbar-height);               /* sits flush under topbar */
    /* all other existing .navbar styles remain unchanged */
}

/* 2. Push page content down so it starts below BOTH bars */

body {
    padding-top: calc(var(--topbar-height) + var(--navbar-height));
}