.top.ds-nav {
  --nav-ink:#14243a;
  --nav-text:#46596e;
  --nav-blue:#2449bd;
  --nav-border:#dde5f0;
  position:sticky;
  top:0;
  z-index:85;
  display:block;
  width:100%;
  max-width:none;
  padding:0;
  margin:0;
  color:var(--nav-ink);
  background:#fff;
  border:0;
  border-bottom:1px solid var(--nav-border);
  border-radius:0;
  box-shadow:none;
  backdrop-filter:none;
  font-family:Manrope,system-ui,sans-serif;
}
.ds-nav *, .ds-nav *::before, .ds-nav *::after { box-sizing:border-box }
.ds-nav [hidden] { display:none!important }
.ds-nav .ds-nav-inner {
  width:min(1216px,calc(100% - 72px));
  min-height:65px;
  margin:auto;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(18px,3vw,46px);
}
.ds-nav .ds-nav-logo {
  font-size:29px;
  font-weight:850;
  letter-spacing:-.076em;
  line-height:1;
  color:var(--nav-ink);
  text-decoration:none;
}
.ds-nav-logo span { color:#2584ed }
.ds-nav .ds-nav-links,.ds-nav .ds-nav-actions { display:flex; align-items:center; min-width:0 }
.ds-nav .ds-nav-links { gap:clamp(4px,1vw,16px) }
.ds-nav .ds-nav-actions { gap:12px }
.ds-nav a,.ds-nav summary,.ds-nav button { -webkit-tap-highlight-color:transparent }
.ds-nav .ds-nav-tab {
  display:flex;
  align-items:center;
  gap:5px;
  min-height:44px;
  padding:0 10px;
  border-radius:8px;
  color:var(--nav-text);
  font-size:14px;
  font-weight:780;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
}
.ds-nav .ds-nav-tab:hover,.ds-nav .ds-nav-tab[aria-current],.ds-nav .ds-nav-tab[data-current],
.ds-nav-tools[open] > summary { color:var(--nav-blue); background:#edf2ff }
.ds-nav :is(a,button,summary):focus-visible { outline:2px solid var(--nav-blue); outline-offset:2px }
.ds-nav .ds-nav-tools { position:relative }
.ds-nav .ds-nav-tools summary { cursor:pointer; list-style:none }
.ds-nav .ds-nav-tools summary::-webkit-details-marker { display:none }
.ds-nav .ds-nav-tools[open] summary svg,.ds-nav-menu[aria-expanded=true] svg { transform:rotate(180deg) }
.ds-nav .ds-nav-dropdown {
  position:absolute;
  top:calc(100% + 13px);
  left:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  width:490px;
  padding:17px 14px 13px;
  border:1px solid var(--nav-border);
  border-radius:13px;
  background:#fff;
  box-shadow:0 14px 34px #14243a20;
}
.ds-nav .ds-nav-group {
  padding:0 9px;
  margin:0 0 5px;
  color:#576e87;
  font-size:11px;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.ds-nav .ds-nav-dropdown ul { margin:0; padding:0; list-style:none }
.ds-nav .ds-nav-dropdown a {
  display:block;
  border-radius:8px;
  padding:8px 9px;
  color:var(--nav-ink);
  text-decoration:none;
  font-size:14px;
  line-height:1.3;
}
.ds-nav .ds-nav-dropdown a:hover,.ds-nav .ds-nav-dropdown a[aria-current] { background:#edf2ff; color:var(--nav-blue) }
.ds-nav .ds-nav-dropdown small { display:block; margin-top:3px; color:var(--nav-text); font-size:12px; line-height:1.4 }
.ds-nav .ds-nav-tg {
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:44px;
  color:var(--nav-blue);
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}
.ds-nav .ds-nav-tg:hover { text-decoration:underline; text-underline-offset:4px }
.ds-nav .acct {
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:145px;
  min-height:38px;
  padding:5px 10px;
  color:var(--nav-ink);
  background:#f5f7fa;
  border:1px solid var(--nav-border);
  border-radius:9px;
  box-shadow:none;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
}
.ds-nav .acct:hover { background:#edf2ff }
.ds-nav .acct .ai { color:var(--nav-blue); flex:none }
.ds-nav .acct .at { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.ds-nav .ds-nav-tg-mobile { display:none }
.ds-nav .ds-nav-menu {
  display:flex;
  align-items:center;
  gap:5px;
  min-height:42px;
  padding:0 10px;
  border:1px solid var(--nav-border);
  border-radius:9px;
  background:#fff;
  color:var(--nav-ink);
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
@media (max-width: 960px) {
  .ds-nav .ds-nav-inner { width:calc(100% - 40px) }
}
@media (max-width: 900px) {
  .ds-nav .ds-nav-inner {
    width:calc(100% - 32px);
    min-height:57px;
    grid-template-columns:auto minmax(0,1fr);
    gap:0 9px;
  }
  .ds-nav .ds-nav-logo { font-size:25px }
  .ds-nav .ds-nav-actions { grid-column:2; grid-row:1; justify-self:end; gap:7px; max-width:100% }
  .ds-nav .ds-nav-actions .ds-nav-tg { display:none }
  .ds-nav .ds-nav-tg-mobile { display:block; padding:0 10px }
  .ds-nav .ds-nav-links {
    grid-column:1/-1;
    display:grid;
    gap:1px;
    padding:8px 0;
    border-top:1px solid var(--nav-border);
  }
  .ds-nav-menu:not([hidden]) { flex:none }
  .ds-nav .ds-nav-inner:has(.ds-nav-menu:not([hidden])) .ds-nav-links {
    position:absolute;
    inset:100% 0 auto;
    max-height:calc(100dvh - 58px);
    overflow:auto;
    padding:10px 16px 12px;
    background:#fff;
    border-block:1px solid var(--nav-border);
    box-shadow:0 14px 28px #14243a22;
  }
  .ds-nav .ds-nav-tab { min-height:44px; justify-content:space-between }
  .ds-nav .ds-nav-dropdown {
    position:static;
    grid-template-columns:1fr;
    gap:11px;
    width:auto;
    margin:3px 0 8px;
    padding:9px 7px;
    border:0;
    border-radius:8px;
    background:#f5f7fa;
    box-shadow:none;
  }
  .ds-nav .ds-nav-dropdown a { min-height:44px }
}
@media (max-width: 360px) {
  .ds-nav .ds-nav-inner { width:calc(100% - 24px) }
  .ds-nav .acct { max-width:105px }
}
