.top.ds-nav {
  --nav-ink:#14243a;
  --nav-muted:#50617a;
  --nav-blue:#2348bb;
  --nav-line:#dce5f1;
  --nav-surface:#fff;
  position:sticky;
  top:0;
  z-index:85;
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  color:var(--nav-ink);
  background:#ffffffed;
  border:0;
  border-bottom:1px solid #e8edf4;
  border-radius:0;
  box-shadow:none;
  backdrop-filter:blur(12px);
  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 {
  position:relative;
  width:min(1280px,calc(100% - 64px));
  min-height:60px;
  margin:auto;
  padding:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(20px,3.3vw,48px);
}
.ds-nav .ds-nav-logo {
  color:var(--nav-ink);
  font-size:26px;
  font-weight:820;
  letter-spacing:-.076em;
  line-height:1;
  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 { justify-content:start; gap:clamp(9px,1.5vw,22px) }
.ds-nav .ds-nav-actions { gap:8px }
.ds-nav a,.ds-nav summary,.ds-nav button { -webkit-tap-highlight-color:transparent }
.ds-nav :is(a,button,summary):focus-visible { outline:2px solid var(--nav-blue); outline-offset:3px }
.ds-nav .ds-nav-tab {
  display:flex;
  position:relative;
  align-items:center;
  gap:5px;
  min-height:44px;
  padding:0 5px;
  border:0;
  border-radius:5px;
  color:var(--nav-muted);
  font-size:14px;
  font-weight:720;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
}
.ds-nav .ds-nav-tab:hover,.ds-nav .ds-nav-tools[open] > summary { color:var(--nav-ink) }
.ds-nav .ds-nav-tab[aria-current],.ds-nav .ds-nav-tab[data-current] { color:var(--nav-blue); font-weight:820 }
.ds-nav .ds-nav-tab:is([aria-current],[data-current])::after {
  content:""; position:absolute; left:5px; bottom:3px; width:15px; height:2px;
  border-radius:2px; background:#4071de;
}
.ds-nav .ds-nav-tools { position:relative }
.ds-nav[data-nav-view=journal] .ds-nav-tools { padding-left:12px; border-left:1px solid #e8edf4 }
.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 summary > svg { flex:none; color:var(--nav-muted) }
.ds-nav .ds-nav-tools[open] summary > svg { transform:rotate(180deg) }
.ds-nav .ds-nav-dropdown {
  position:absolute;
  top:calc(100% + 8px);
  left:-160px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  width:640px;
  padding:16px 13px 13px;
  border:1px solid var(--nav-line);
  border-radius:13px;
  background:var(--nav-surface);
  box-shadow:0 14px 36px #162e5724;
}
.ds-nav[data-nav-view=journal] .ds-nav-dropdown { left:-195px }
.ds-nav .ds-nav-group {
  padding:0 9px;
  margin:0 0 5px;
  color:#526781;
  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-muted); font-size:12px; line-height:1.4 }
.ds-nav .ds-nav-tg {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:35px;
  padding:0 12px;
  border:1px solid #2251bd;
  border-radius:999px;
  background:#285bc8;
  color:#fff;
  font-size:13px;
  font-weight:780;
  text-decoration:none;
  white-space:nowrap;
}
.ds-nav .ds-nav-tg:hover { background:#1b459f }
.ds-nav .ds-nav-tg svg { flex:none }
.ds-nav .acct {
  display:inline-flex;
  align-items:center;
  gap:5px;
  max-width:112px;
  min-height:36px;
  padding:4px 8px;
  color:var(--nav-ink);
  background:#fff;
  border:1px solid transparent;
  border-radius:8px;
  box-shadow:none;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
}
.ds-nav .acct:hover { background:#f4f7fc }
.ds-nav .acct .ai { color:var(--nav-blue); background:#edf2ff; box-shadow:none; flex:none }
.ds-nav .acct .at { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.ds-nav .ds-nav-menu {
  display:grid;
  flex:none;
  width:44px;
  height:44px;
  place-items:center;
  padding:0;
  border:0;
  border-radius:9px;
  background:#fff;
  color:var(--nav-ink);
  cursor:pointer;
}
.ds-nav .ds-nav-menu[aria-expanded=true] { color:var(--nav-blue); background:#edf2ff }

@media (901px <= width <= 1100px) {
  .ds-nav[data-nav-view=journal] .ds-nav-dropdown { left:-245px }
}
@media (max-width: 900px) {
  .ds-nav .ds-nav-inner {
    width:calc(100% - 32px);
    min-height:56px;
    padding:0;
    grid-template-columns:auto minmax(0,1fr);
    gap:0 7px;
  }
  .ds-nav .ds-nav-logo { font-size:24px }
  .ds-nav .ds-nav-actions { grid-column:2; grid-row:1; justify-self:end; gap:6px; max-width:100% }
  .ds-nav .ds-nav-links {
    grid-column:1/-1;
    display:grid;
    justify-content:stretch;
    gap:4px;
    padding:8px 0;
  }
  .ds-nav .ds-nav-inner:has(.ds-nav-menu:not([hidden])) .ds-nav-links {
    position:absolute;
    inset:calc(100% + 5px) 0 auto;
    max-height:calc(100dvh - 70px);
    overflow:auto;
    padding:9px;
    border:1px solid var(--nav-line);
    border-radius:12px;
    background:var(--nav-surface);
    box-shadow:0 14px 28px #14243a22;
  }
  .ds-nav .ds-nav-tab { padding:5px 10px; min-height:44px }
  .ds-nav .ds-nav-tab:is([aria-current],[data-current]) { background:#f1f5ff }
  .ds-nav .ds-nav-tab:is([aria-current],[data-current])::after { display:none }
  .ds-nav[data-nav-view=journal] .ds-nav-tools { padding-left:0; border-left:0 }
  .ds-nav .ds-nav-tools summary > svg { margin-left:auto }
  .ds-nav .ds-nav-tg,.ds-nav .acct { min-height:44px }
  .ds-nav .ds-nav-dropdown,.ds-nav[data-nav-view=journal] .ds-nav-dropdown {
    position:static;
    grid-template-columns:1fr;
    gap:11px;
    width:auto;
    margin:4px 0 2px;
    padding:10px 7px;
    border:0;
    border-radius:8px;
    background:#f5f7fa;
    box-shadow:none;
  }
  .ds-nav .ds-nav-dropdown a { min-height:44px }
}
@media (max-width: 430px) {
  .ds-nav .acct { max-width:92px }
  .ds-nav .ds-nav-tg { padding-inline:9px }
}
@media (max-width: 360px) {
  .ds-nav .ds-nav-inner { width:calc(100% - 24px) }
  .ds-nav .ds-nav-tg { width:41px; padding:0 }
  .ds-nav .ds-nav-tg span { display:none }
}