/* Backdrop blur isolates the header: raise the entire layer above page cards.
   Keep it below the mobile navigation (30) and modal dialogs (50). */
.topbar {
  position: relative;
  z-index: 15;
}

@media (max-width: 760px) {
  .topbar { position: sticky; top: 0; }
}