/* SAM/HQ nav dropdowns — shared across tabs. Pairs with /assets/nav-dd.js.
 *
 * Markup contract:
 *   <span class="dd">
 *     <a class="dd-toggle" ...><span class="k">N</span>NEWS</a>
 *     <div class="dd-menu" aria-label="...">...links...</div>
 *   </span>
 *
 * Styled entirely off each page's own CSS variables (--bg, --line, --dim,
 * --txt, --green, --dim-2) so it adapts to dark/light themes per tab.
 */
nav.jump .dd { position: relative; display: inline-flex; }
nav.jump .dd > .dd-toggle { cursor: pointer; }
nav.jump .dd > .dd-toggle::after {
  content: "\25BE"; /* ▾ */
  margin-left: 7px; font-size: 8px; color: var(--dim-2);
}
nav.jump .dd.open > .dd-toggle { color: var(--txt); border-color: var(--green); }
nav.jump .dd > .dd-menu {
  display: none; position: absolute; left: 0; top: calc(100% + 4px);
  min-width: 136px; z-index: 60; flex-direction: column;
  background: var(--bg); border: 1px solid var(--line);
  padding: 4px 0; box-shadow: 0 12px 28px rgba(0, 0, 0, .35);
}
nav.jump .dd.open > .dd-menu { display: flex; }
nav.jump .dd > .dd-menu[hidden] { display: none !important; }
/* invisible hover bridge across the 4px gap between pill and menu */
nav.jump .dd.open > .dd-menu::before {
  content: ""; position: absolute; left: 0; right: 0; top: -5px; height: 5px;
}
nav.jump .dd .dd-menu a {
  border: none; display: block; padding: 6px 12px;
  font-size: 11px; color: var(--dim); letter-spacing: .06em; white-space: nowrap;
}
nav.jump .dd .dd-menu a:hover { border: none; color: var(--txt); background: rgba(21, 122, 74, .10); }
nav.jump .dd .dd-menu a.active { border: none; color: var(--txt); background: rgba(21, 122, 74, .16); }
nav.jump .dd .dd-menu .dd-div { border-top: 1px solid var(--line); margin: 4px 0; }