/*
 * "Investments" dropdown in the main site menu (index, about, careers, contact,
 * venture, legal pages, Tools & Tips). Uses each page's design tokens, with
 * fallbacks so it still renders if a page lacks one. Behaviour: js/nav-investments.js.
 */
.nav-menu{position:relative;display:inline-flex;align-items:center;}

.nav-menu-toggle{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font-ui, 'Schibsted Grotesk', sans-serif);font-size:13px;
  color:var(--ink-2, #4E5A70);background:none;border:0;padding:14px 2px;cursor:pointer;
}
.nav-menu-toggle:hover,
.nav-menu.open .nav-menu-toggle{color:var(--ink, #1A2A44);}
.nav-menu-toggle svg{width:9px;height:9px;transition:transform 0.15s;}
.nav-menu.open .nav-menu-toggle svg{transform:rotate(180deg);}

.nav-menu-panel{
  display:none;position:absolute;top:100%;left:-14px;z-index:60;
  width:300px;max-width:calc(100vw - 32px);
  background:var(--surface, #faf8f4);border:1px solid var(--rule, rgba(26,42,68,0.16));border-radius:4px;
  box-shadow:0 18px 36px -18px rgba(26,42,68,0.35);padding:8px;
}
/* Invisible bridge so the panel stays open while the pointer moves down to it. */
.nav-menu-panel::before{content:'';position:absolute;left:0;right:0;top:-10px;height:10px;}
.nav-menu.open .nav-menu-panel{display:block;}
@media (hover:hover){.nav-menu:hover .nav-menu-panel{display:block;}}

.nav-menu-label{
  display:block;padding:8px 12px 6px;
  font-family:var(--font-ui, 'Schibsted Grotesk', sans-serif);font-size:10px;font-weight:600;
  letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-3, #7E8798);
}
.nav-menu-item{display:block;padding:10px 12px;border-radius:3px;text-decoration:none;}
.nav-menu-item:hover,.nav-menu-item:focus-visible{background:var(--recessed, #efece4);}
.nav-menu-name{display:block;font-family:var(--font-ui, 'Schibsted Grotesk', sans-serif);font-size:14px;font-weight:600;color:var(--ink, #1A2A44);}
.nav-menu-desc{display:block;margin-top:2px;font-family:var(--font-prose, 'Spectral', Georgia, serif);font-size:14px;line-height:1.35;color:var(--ink-2, #4E5A70);}