/* Only the authorized navigation insertion; main, hero and Lab untouched. */
.why-nav-installed header.navbar .nav-why { white-space: nowrap; }
.why-nav-installed header.navbar .why-nav-menu { display: none; }
.why-nav-installed header.navbar .why-nav-menu summary { display: flex; width: 38px; height: 38px; padding: 0; justify-content: center; align-items: center; list-style: none; cursor: pointer; color: var(--text); background: rgba(7,25,36,.72); border: 1px solid var(--line2); border-radius: 50%; }
.why-nav-installed header.navbar .why-nav-menu summary::-webkit-details-marker { display: none; }
.why-nav-installed header.navbar .why-nav-menu summary:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.why-nav-installed header.navbar .why-nav-menu summary::after { display: none; }
.why-nav-installed header.navbar .why-nav-menu summary svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.why-nav-installed header.navbar .why-nav-menu .why-nav-panel { position: absolute; top: calc(100% + 12px); left: 0; width: min(320px,calc(100vw - 24px)); padding: 10px; border: 1px solid var(--line2); border-radius: 14px; background: var(--bg2); box-shadow: 0 20px 48px rgba(0,0,0,.3); }
.why-nav-installed header.navbar .why-nav-menu .why-nav-panel a { display: block !important; padding: 12px 14px; color: var(--text); font-size: 13px; line-height: 1.4; border-radius: 8px; }
.why-nav-installed header.navbar .why-nav-menu .why-nav-panel a:hover { background: var(--panel2); }
.why-nav-installed header.navbar .why-nav-menu .why-nav-panel a:focus-visible { outline: 2px solid var(--cyan); outline-offset: -2px; }
@media (max-width:1280px) {
  .why-nav-installed header.navbar .navlinks { display: contents !important; }
  .why-nav-installed header.navbar .navlinks > a:not(.navcta) { display: none !important; }
  .why-nav-installed header.navbar .why-nav-menu { display: block; position: static; flex: none; }
}
@media (max-width:620px) {
  .why-nav-installed header.navbar .shell.nav { grid-template-columns: 42px 38px minmax(0,1fr) 52px; column-gap: 8px; }
  .why-nav-installed header.navbar .brand { grid-column: 1; grid-row: 1; }
  .why-nav-installed header.navbar .why-nav-menu { grid-column: 2; grid-row: 1; }
  .why-nav-installed header.navbar .navcta { grid-column: 3; grid-row: 1; justify-self: center; }
  .why-nav-installed header.navbar .language-switcher { grid-column: 4; grid-row: 1; }
  .why-nav-installed header.navbar .why-nav-menu .why-nav-panel { position: fixed; top: 78px; left: 12px; width: calc(100vw - 24px); }
}