/* Deep-blue Yunlue navigation — final visual layer. */
.nav-shell {
  background: #064b6a !important;
  border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
  box-shadow: 0 10px 28px -22px rgba(0, 27, 40, .9) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.nav-shell .brand img {
  width: 186px;
}

.nav-shell .nav-links {
  border-top: 0 !important;
  padding-top: 0 !important;
  gap: 27px !important;
}

.nav-shell .nav-links a,
.nav-shell .nav-links .nav-cta {
  color: rgba(255, 255, 255, .72) !important;
  font-size: clamp(15px, 1.04vw, 17px) !important;
  font-weight: 500;
  letter-spacing: .01em;
}

.nav-shell .nav-links a:hover,
.nav-shell .nav-links a:focus-visible,
.nav-shell .nav-links a[aria-current="location"],
.nav-shell .nav-links .nav-cta:hover,
.nav-shell .nav-links .nav-cta:focus-visible {
  color: #fff !important;
}

.nav-shell .nav-links .nav-cta:after {
  color: currentColor !important;
}

.nav-shell .nav-follow-indicator {
  background: rgba(255, 255, 255, .96) !important;
}

.nav-shell .menu {
  color: #fff;
}

@media (max-width: 1250px) and (min-width: 1151px) {
  .nav-shell nav { gap: 22px; }
  .nav-shell .brand img { width: 166px; }
  .nav-shell .nav-links { gap: 20px !important; }
  .nav-shell .nav-links a,
  .nav-shell .nav-links .nav-cta { font-size: 14px !important; }
}

@media (max-width: 1150px) {
  .nav-shell .nav-links {
    background: #064b6a !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-top: 0 !important;
    box-shadow: 0 22px 42px -25px rgba(0, 22, 34, .85) !important;
    gap: 0 !important;
  }

  .nav-shell .nav-links a,
  .nav-shell .nav-links .nav-cta {
    color: rgba(255, 255, 255, .75) !important;
    font-size: 16px !important;
  }
}

@media (max-width: 680px) {
  .nav-shell .brand img { width: 151px; }
}