/* Shared customer navigation. Static links remain usable without JavaScript. */
.nav-shell .nav { gap: 24px; }
.nav-shell .nav-links { gap: clamp(16px, 1.6vw, 28px); }
.nav-shell .nav-links > a,
.mx-knowledge > summary { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.mx-knowledge { position: relative; }
.mx-knowledge > summary { cursor: pointer; color: var(--ink-dim); padding: 12px 0; list-style: none; }
.mx-knowledge > summary::-webkit-details-marker { display: none; }
.mx-knowledge > summary::after { content: '+'; display: inline-block; margin-left: 8px; }
.mx-knowledge[open] > summary::after { content: '−'; }
.mx-knowledge.active > summary { color: var(--accent); }
.mx-knowledge-links { position: absolute; top: 100%; right: 0; min-width: 185px; padding: 12px 20px; border: 1px solid var(--line-soft, #284236); background: var(--bg-2, #0c1d14); box-shadow: 0 16px 36px #0004; }
.mx-knowledge-links a { display: block; padding: 12px 0; }
.nav-shell .nav-cta { gap: 18px; }
.nav-shell .nav-cta .btn { font-size: 11px; padding: 15px 20px; letter-spacing: .09em; white-space: nowrap; }
.nav-shell .nav-cta .btn-partner-nav { border: 0; padding: 10px 0; font-size: 11px; letter-spacing: .06em; background: transparent; color: var(--ink-dim); white-space: nowrap; }
.nav-shell .nav-cta .btn-partner-nav:hover { color: var(--accent); background: transparent; }
.mx-menu-toggle { display: none; width: 46px; height: 46px; flex: 0 0 auto; align-items: center; justify-content: center; flex-direction: column; gap: 6px; border: 1px solid var(--line-soft, #284236); border-radius: 50%; background: var(--bg-2, #0c1d14); color: var(--ink); cursor: pointer; }
.mx-menu-toggle span { display: block; width: 20px; height: 2px; background: currentColor; }
.mx-drawer[hidden] { display: none; }
.mx-drawer { position: fixed; inset: 0; z-index: 1000001; overflow-y: auto; overscroll-behavior: contain; background: var(--bg-2, #0c1d14); color: var(--ink); padding: max(20px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom)); }
.mx-drawer-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; font-family: var(--mono); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-dim); }
.mx-menu-close { width: 46px; height: 46px; border: 1px solid var(--line-soft, #284236); border-radius: 50%; color: var(--ink); background: transparent; font-size: 28px; cursor: pointer; }
.mx-drawer nav { display: grid; gap: 0; }
.mx-drawer nav > a, .mx-drawer nav > details > summary { display: block; padding: 17px 0; border-bottom: 1px solid var(--line-soft, #284236); font-family: var(--display); font-size: clamp(20px, 5.8vw, 28px); line-height: 1.25; color: var(--ink); text-transform: none; letter-spacing: -.02em; }
.mx-drawer .mx-knowledge-links { position: static; border: 0; box-shadow: none; padding: 4px 0 12px 18px; background: transparent; }
.mx-drawer .mx-knowledge-links a { font-size: 17px; padding: 12px 0; color: var(--ink-dim); }
.mx-drawer-actions { display: grid; gap: 12px; margin-top: 28px; }
.mx-drawer-actions .btn { justify-content: center; padding: 17px 12px; font-size: 12px; letter-spacing: .08em; }
.mx-drawer-actions > a:not(.btn) { padding: 12px 0; text-align: center; color: var(--ink-dim); }
.mx-drawer a.active, .mx-drawer a:hover { color: var(--accent); }
.mx-drawer-actions a.btn-primary { color: var(--bg, #070d0a); }
.nav-shell a:focus-visible, .nav-shell summary:focus-visible, .mx-menu-toggle:focus-visible,
.mx-drawer a:focus-visible, .mx-drawer summary:focus-visible, .mx-menu-close:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
@media (min-width: 1181px) { .nav-shell .nav-links, .nav-shell .nav-cta { display: flex; } }
@media (max-width: 1180px) {
  html:not(.mx-navigation-ready) .nav-shell { position: relative; }
  .nav-shell .nav { flex-wrap: wrap; gap: 12px; padding: 14px 22px; }
  .nav-shell .nav-links { display: flex; flex-wrap: wrap; order: 3; width: 100%; }
  .nav-shell .nav-cta { display: flex; margin-left: auto; }
  .mx-navigation-ready .nav-shell .nav-cta .btn-partner-nav { display: none; }
  .mx-navigation-ready .nav-shell .nav-links { display: none; }
  .mx-navigation-ready .mx-menu-toggle { display: flex; margin-left: 0; }
}
@media (max-width: 600px) {
  .nav-shell .nav-cta { flex-wrap: wrap; gap: 10px; width: 100%; margin: 4px 0 0; }
  .nav-shell .nav .brand { margin-right: auto; }
  .mx-navigation-ready .nav-shell .nav-cta { display: none; }
  .nav-shell .nav-links { gap: 10px 20px; }
  .nav-shell .nav-links > a, .mx-knowledge > summary { font-size: 10px; }
  .nav-shell .mx-knowledge-links { right: auto; left: 0; }
}