/* landing-prod-1026: the static snapshot's menus without JavaScript (tools/landing-snapshot/build.py).
   The header's Services mega menu and the phone menu are <details>; these rules hide the disclosure
   marker, open the mega panel under the header and draw the phone menu as a panel under the bar. */
details.lp-mega > summary,
details.lp-menu > summary { list-style: none; cursor: pointer; }
details.lp-mega > summary::-webkit-details-marker,
details.lp-menu > summary::-webkit-details-marker { display: none; }
details.lp-mega[open] > summary { color: var(--ui-primary); }
details.lp-menu > .lp-menu-panel {
  position: absolute; left: 0; right: 0; top: 100%;
  background: var(--ui-bg); border-bottom: 1px solid var(--ui-border);
  box-shadow: 0 12px 24px rgb(0 0 0 / 0.08);
  max-height: calc(100vh - var(--inos-nav-h, 3.5rem)); overflow-y: auto;
  padding: 0.5rem 1rem 1rem;
}
details.lp-menu > .lp-menu-panel ul { list-style: none; margin: 0; padding: 0; }
details.lp-menu > .lp-menu-panel a {
  display: flex; align-items: center; min-height: 2.75rem; padding: 0 0.5rem;
  border-radius: 0.375rem; color: var(--ui-text-highlighted); font-weight: 500;
}
details.lp-menu > .lp-menu-panel a:hover,
details.lp-menu > .lp-menu-panel a:focus-visible { background: var(--ui-bg-elevated); }