/* Salyant site-wide liquid-glass navigation */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Consistent navigation typography and reliable dropdown contrast across browsers. */
nav.sitewide-glass-nav,
nav.sitewide-glass-nav *,
.mobile-menu-glass,
.mobile-menu-glass * {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
nav.sitewide-glass-nav .desktop-dropdown-panel {
  z-index: 1000 !important;
  isolation: isolate;
  background: rgba(11,13,19,.97) !important;
  color: #e5e7eb !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.06) !important;
  -webkit-backdrop-filter: blur(26px) saturate(145%) !important;
  backdrop-filter: blur(26px) saturate(145%) !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
nav.sitewide-glass-nav .desktop-dropdown-panel .desktop-dropdown-links > a {
  display: block !important;
  width: 100%;
  min-height: 42px;
  padding: .7rem .8rem !important;
  margin: 0 0 2px !important;
  border-radius: 11px !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid transparent !important;
  color: #d1d5db !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: .82rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-shadow: none !important;
}
nav.sitewide-glass-nav .desktop-dropdown-panel .desktop-dropdown-links > a:hover,
nav.sitewide-glass-nav .desktop-dropdown-panel .desktop-dropdown-links > a:focus-visible {
  background: rgba(255,255,255,.085) !important;
  border-color: rgba(255,255,255,.13) !important;
  color: #fff !important;
  outline-offset: 2px;
}
nav.sitewide-glass-nav .dropdown-more-toggle,
.mobile-menu-glass .mobile-dropdown-more {
  display: block;
  width: 100%;
  min-height: 44px;
  margin-top: .45rem;
  padding: .7rem .9rem;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.065);
  color: #f3f4f6;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(212,165,116,.18);
}
nav.sitewide-glass-nav .dropdown-more-toggle:hover,
nav.sitewide-glass-nav .dropdown-more-toggle:focus-visible,
.mobile-menu-glass .mobile-dropdown-more:hover,
.mobile-menu-glass .mobile-dropdown-more:focus-visible {
  background: rgba(255,255,255,.11);
  border-color: rgba(255,255,255,.22);
  color: #fff;
  outline-offset: 2px;
}
.desktop-dropdown-links.compact > a:nth-of-type(n + 7) { display: none !important; }
.desktop-dropdown-links.compact.is-expanded > a:nth-of-type(n + 7) { display: block !important; }
.mobile-guides-panel .mobile-list-compact > a:nth-of-type(n + 7) { display: none !important; }
.mobile-guides-panel .mobile-list-compact.is-expanded > a:nth-of-type(n + 7) { display: block !important; }
.mobile-guides-panel .mobile-list-compact > a {
  min-height: 40px;
  padding-top: .55rem !important;
  padding-bottom: .55rem !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: .9rem !important;
  line-height: 1.4 !important;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  nav.sitewide-glass-nav { background: rgba(7,8,12,.94) !important; }
  nav.sitewide-glass-nav .desktop-dropdown-panel { background: rgba(11,13,19,.99) !important; }
  .mobile-menu-glass.sitewide-glass-menu { background: rgba(7,8,12,.97) !important; }
}
@media (max-width: 1279px) {
  .mobile-menu-glass.sitewide-glass-menu {
    max-height: min(88dvh, 760px);
    overflow: hidden;
  }
  .mobile-menu-glass.sitewide-glass-menu > div {
    max-height: min(88dvh, 760px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
  }
  .mobile-menu-glass .mobile-dropdown-more {
    margin-top: .35rem;
    margin-bottom: .25rem;
  }
}

nav.sitewide-glass-nav {
  background: rgba(255,255,255,.045) !important;
  border-bottom: 1px solid rgba(255,255,255,.13) !important;
  -webkit-backdrop-filter: blur(28px) saturate(155%) !important;
  backdrop-filter: blur(28px) saturate(155%) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.12) !important;
  transition: background 260ms ease, border-color 260ms ease, box-shadow 260ms ease !important;
}
nav.sitewide-glass-nav.sitewide-glass-scrolled {
  background: rgba(7,8,12,.82) !important;
  border-bottom-color: rgba(255,255,255,.13) !important;
  box-shadow: 0 10px 36px rgba(0,0,0,.22) !important;
}
nav.sitewide-glass-nav .sitewide-glass-menu {
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 9999px !important;
  -webkit-backdrop-filter: blur(22px) saturate(150%) !important;
  backdrop-filter: blur(22px) saturate(150%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 6px 22px rgba(0,0,0,.08) !important;
}
nav.sitewide-glass-nav .sitewide-glass-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px !important;
  transition: background 220ms ease, border-color 220ms ease, transform 220ms ease !important;
}
nav.sitewide-glass-nav .sitewide-glass-link:hover,
nav.sitewide-glass-nav .sitewide-glass-link:focus-visible {
  background: rgba(255,255,255,.105) !important;
  border-color: rgba(255,255,255,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 5px 16px rgba(0,0,0,.10);
  outline-offset: 3px;
}
nav.sitewide-glass-nav .sitewide-glass-label {
  color: #fff !important;
  mix-blend-mode: difference;
  text-shadow: none !important;
}
nav.sitewide-glass-nav .sitewide-glass-link svg,
nav.sitewide-glass-nav #mobile-menu-btn svg {
  mix-blend-mode: difference;
}
nav.sitewide-glass-nav #mobile-menu-btn,
nav.sitewide-glass-nav button[aria-label*="menu" i] {
  color: #fff;
  mix-blend-mode: difference;
}
.mobile-menu-glass.sitewide-glass-menu {
  background: linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),rgba(7,8,12,.86) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 20px !important;
  -webkit-backdrop-filter: blur(28px) saturate(155%) !important;
  backdrop-filter: blur(28px) saturate(155%) !important;
}
.mobile-menu-glass .sitewide-glass-label {
  color: #fff !important;
}
.sv-credit, .news-credit, [class~="photo-credit"], [class~="image-credit"], [class~="pexels-credit"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
@media (prefers-reduced-motion: reduce) {
  nav.sitewide-glass-nav,
  nav.sitewide-glass-nav .sitewide-glass-link {
    transition: none !important;
  }
}

/* The HTML hidden attribute must win over component display rules. */
nav.sitewide-glass-nav .dropdown-more-toggle[hidden],
.mobile-menu-glass .mobile-dropdown-more[hidden] { display: none !important; }

/* Fix the hamburger panel without changing it into a desktop glass pill. */
nav.sitewide-glass-nav .mobile-menu-glass {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100vw !important;
  z-index: 40 !important;
  border-radius: 0 0 24px 24px !important;
  background: radial-gradient(circle at 8% 0%, rgba(255,255,255,.07), transparent 55%), linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.018)), rgba(7,8,12,.975) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-top-color: rgba(255,255,255,.09) !important;
  box-shadow: 0 24px 56px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.045) !important;
  -webkit-backdrop-filter: blur(28px) saturate(150%) !important;
  backdrop-filter: blur(28px) saturate(150%) !important;
  color: #e5e7eb !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
/* High-specificity disclosure rules override the generic row display declaration. */
nav.sitewide-glass-nav .desktop-dropdown-panel .desktop-dropdown-links.compact > a:nth-of-type(n + 7),
nav.sitewide-glass-nav .mobile-menu-glass .mobile-guides-panel .mobile-list-compact > a:nth-of-type(n + 7) {
  display: none !important;
}
nav.sitewide-glass-nav .desktop-dropdown-panel .desktop-dropdown-links.compact.is-expanded > a:nth-of-type(n + 7),
nav.sitewide-glass-nav .mobile-menu-glass .mobile-guides-panel .mobile-list-compact.is-expanded > a:nth-of-type(n + 7) {
  display: block !important;
}
/* Mobile navigation uses stacked rows, not the desktop pill treatment. */
nav.sitewide-glass-nav .mobile-menu-glass a {
  display: block !important;
  width: 100%;
  max-width: 100%;
  border-radius: 12px !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-align: left;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}
nav.sitewide-glass-nav .mobile-menu-glass .mobile-dropdown-more { text-align: center !important; }
@media (max-width: 1279px) {
  nav.sitewide-glass-nav .mobile-menu-glass,
  nav.sitewide-glass-nav .mobile-menu-glass.is-open { max-width: 100vw !important; max-height: min(88dvh, 760px); overflow: hidden; }
  nav.sitewide-glass-nav .mobile-menu-glass > div { max-height: min(88dvh, 760px); overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-y: contain; touch-action: pan-y; }
}