/* Shared public-site navigation: the same surface as the language selector. */
.discovery {
  --nav-surface: #152737;
  --nav-hover: #28506b;
  --nav-border: #9ac9eb40;
  --nav-focus: #a7daff;
}
.discovery-header { gap: 14px; }
.discovery-header .desktop-nav { gap: 6px; margin-left: 0; }
.discovery-header .header-actions { display: flex; align-items: center; gap: 12px; }
.discovery-header .desktop-nav > a,
.discovery-header .feature-menu > summary {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 10px 12px; margin: 0;
  border: 1px solid var(--nav-border); border-radius: 12px;
  background: var(--nav-surface); color: #eef6fc;
  font-size: 14px; font-weight: 600; line-height: 1.5; white-space: nowrap;
}
.discovery-header .feature-menu > summary::-webkit-details-marker { display: none; }
.discovery-header .feature-menu > summary::after { display: inline-block; transition: transform 160ms ease; }
.discovery-header .feature-menu[open] > summary::after { transform: rotate(180deg); }
.discovery-header .header-actions .button,
.discovery-header .header-actions .ui-language-trigger { min-height: 44px; border-radius: 12px; }
.discovery-header .header-actions .button { padding: 10px 16px; }
.discovery-header .ui-language-control { margin: 0; }
.discovery .desktop-nav > a[aria-current="page"],
.discovery .feature-menu[data-current-section] > summary,
.discovery .feature-menu[open] > summary,
.discovery .mobile-nav[open] > summary,
.discovery .mobile-nav a[aria-current="page"],
.discovery .menu-grid a[aria-current="page"],
.discovery .footer-links a[aria-current="page"] {
  background: #204359; border-color: #76d5f5; color: #fff;
  box-shadow: inset 0 -2px 0 #76d5f5;
}
.discovery .feature-menu-panel { max-height: calc(100vh - 120px); max-height: calc(100dvh - 120px); overflow-y: auto; overscroll-behavior: contain; }
.discovery .menu-grid a { border: 1px solid transparent; min-height: 44px; }
.discovery .feature-menu-footer > a:not(.button) { border-radius: 8px; padding: 10px 6px; min-height: 44px; display: inline-flex; align-items: center; }
.discovery .mobile-nav > summary { width: 44px; height: 44px; background: var(--nav-surface); border-color: var(--nav-border); border-radius: 12px; }
.discovery .mobile-nav nav { top: 100%; max-height: calc(100vh - 160px); max-height: calc(100dvh - 160px); overflow-y: auto; overscroll-behavior: contain; background: #0c1c2c; backdrop-filter: none; -webkit-backdrop-filter: none; }
.discovery .mobile-nav nav a { min-height: 44px; border: 1px solid transparent; border-radius: 10px; }
.discovery .footer-links { gap: 6px; }
.discovery .footer-links a,
.discovery .footer-links .text-button { display: inline-flex; align-items: center; min-height: 44px; padding: 9px 12px; border: 1px solid transparent; border-radius: 10px; }
.discovery a, .discovery button, .discovery summary {
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}
.discovery :is(a,button,summary,input,select):focus-visible {
  outline: 3px solid var(--nav-focus); outline-offset: 3px;
}
.discovery :is(.desktop-nav > a,.feature-menu > summary,.mobile-nav a,.footer-links a,.footer-links button,.menu-grid a):focus-visible {
  background: var(--nav-hover); color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .discovery :is(.desktop-nav > a,.feature-menu > summary,.mobile-nav > summary,.mobile-nav nav a,.menu-grid a,.feature-menu-footer > a:not(.button),.footer-links a,.footer-links button):hover {
    background: var(--nav-hover); border-color: #79c9e7; color: #fff; box-shadow: 0 0 0 1px #79c9e71a;
  }
  .discovery :is(button:not(:disabled),.button,.help-article > summary,.intro-chapters > summary):hover {
    border-color: #79c9e7; box-shadow: 0 0 0 1px #79c9e71a;
  }
  .discovery :is(button:not(:disabled),.button-secondary,.help-article > summary,.intro-chapters > summary):hover { background-color: var(--nav-hover); }
  .discovery .button-primary:hover { background: #e5faff; color: #102532; }
  .discovery main a:not(.button):not(.explanation-card):not(.feature-link):hover { color: #a7e8ff; }
}
@media (min-width: 1101px) {
  .discovery-header { flex-wrap: nowrap; }
  .discovery-header .brand { flex-shrink: 0; }
}
@media (max-width: 700px) {
  .discovery-header .header-actions { gap: 10px; }
  .discovery-header .header-actions .button { padding: 10px 12px; }
  .discovery-header .header-actions .ui-language-control { margin: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .discovery a, .discovery button, .discovery summary, .discovery-header .feature-menu > summary::after { transition: none; }
}