.site-nav-wrapper {
  position: sticky;
  top: 0;
  z-index: 1030;
  padding-top: 0.25rem;
  margin-bottom: 1rem;
}

.app-nav {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: var(--bs-body-bg);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.app-nav.nav-scrolled {
  border-color: var(--bs-border-color-translucent);
  box-shadow: var(--bs-box-shadow) !important;
}

.app-nav .navbar-brand {
  letter-spacing: 0.01em;
}

.app-nav .nav-link {
  font-weight: 500;
}

.app-nav .nav-link.active {
  font-weight: 700;
}