/* 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); }
/* landing-packages-1026: /packages has one section per old category; a chip's #link lands its heading
   below the sticky header. */
.lp-pk-section { scroll-margin-top: calc(var(--inos-nav-h, 3.5rem) + 1rem); }
/* the old site's "My Portal" menu (Portal, InOs Mail): a small panel under its summary */
details.lp-portal { position: relative; }
details.lp-portal > summary { list-style: none; cursor: pointer; }
details.lp-portal > summary::-webkit-details-marker { display: none; }
details.lp-portal[open] > summary { color: var(--ui-primary); }
details.lp-portal > .lp-portal-panel {
  position: absolute; right: 0; top: calc(100% + 0.375rem); z-index: 50; min-width: 11rem;
  list-style: none; margin: 0; padding: 0.375rem;
  background: var(--ui-bg); border: 1px solid var(--ui-border); border-radius: 0.5rem;
  box-shadow: 0 12px 24px rgb(0 0 0 / 0.08);
}
details.lp-portal > .lp-portal-panel a {
  display: flex; align-items: center; min-height: 2.5rem; padding: 0 0.75rem;
  border-radius: 0.375rem; color: var(--ui-text-highlighted); font-weight: 500; white-space: nowrap;
}
details.lp-portal > .lp-portal-panel a:hover,
details.lp-portal > .lp-portal-panel a:focus-visible { background: var(--ui-bg-elevated); }
/* the old site's Google map: fills the about page's location slot, and sits in the contact card */
.lp-map iframe { display: block; width: 100%; height: 100%; border: 0; }
.lp-map--slot { position: absolute; inset: 0; }
.lp-map--card { margin-top: 0.875rem; height: 15rem; overflow: hidden; border-radius: 0.5rem; border: 1px solid var(--ui-border); }