/* v36: readable desktop navigation. Overrides v35 navigation visual style. */
@media (min-width: 821px) {
  .site-header {
    background: linear-gradient(135deg, rgba(7, 47, 118, .98), rgba(18, 72, 170, .96)) !important;
  }

  .site-nav-shell {
    padding: 8px !important;
    border-radius: 28px !important;
    background: rgba(5, 28, 79, .44) !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .14),
      0 14px 34px rgba(2, 18, 55, .22) !important;
    backdrop-filter: blur(12px) !important;
  }

  .site-nav-shell::before,
  .site-nav-shell::after {
    display: none !important;
  }

  .site-nav.site-nav-scroll,
  .site-nav {
    gap: 8px !important;
    padding: 0 !important;
  }

  .site-nav.site-nav-scroll > a,
  .site-nav > a {
    min-height: 38px !important;
    padding: 9px 16px !important;
    border-radius: 999px !important;
    color: #12346f !important;
    background: rgba(255, 255, 255, .94) !important;
    border: 1px solid rgba(255, 255, 255, .70) !important;
    box-shadow: 0 10px 22px rgba(2, 18, 55, .14) !important;
    text-shadow: none !important;
    opacity: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .005em !important;
  }

  .site-nav.site-nav-scroll > a:hover,
  .site-nav > a:hover {
    color: #0d2a63 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 28px rgba(2, 18, 55, .20) !important;
  }

  .site-nav.site-nav-scroll > a.active,
  .site-nav > a.active,
  .site-nav.site-nav-scroll > a[aria-current='page'],
  .site-nav > a[aria-current='page'] {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2356e8, #7a2df0) !important;
    border-color: rgba(255, 255, 255, .35) !important;
    box-shadow: 0 14px 30px rgba(61, 70, 230, .34) !important;
  }

  .auth-panel .btn,
  .auth-panel .btn.secondary,
  .auth-panel a.btn,
  .auth-panel button.btn {
    color: #12346f !important;
    background: rgba(255, 255, 255, .95) !important;
    border-color: rgba(255, 255, 255, .70) !important;
    text-shadow: none !important;
  }

  .auth-user-name {
    color: #ffffff !important;
    background: rgba(255, 255, 255, .14) !important;
    border-color: rgba(255, 255, 255, .24) !important;
    text-shadow: none !important;
  }
}