/* === Nav vertical dividers: simple, thin, desktop only === */
:root{
  /* Tweak these if needed */
  --nav-divider-left:  calc(min(48px, 3vw) + 18px);
  --nav-divider-right: calc(min(48px, 3vw) + 158px);
  --nav-divider-color: rgba(255,255,255,.22);
  --nav-divider-width: 1px;
}

@media (min-width: 961px){
  header.nav-glass{
    position: relative; 
    overflow: visible;
  }
  header.nav-glass::before,
  header.nav-glass::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: var(--nav-divider-width);
    background: var(--nav-divider-color);
    pointer-events: none;
  }
  header.nav-glass::before{ left: var(--nav-divider-left); }
  header.nav-glass::after { right: var(--nav-divider-right); }
}

/* On hover/focus, keep them subtle (no brightening) */