/* Every nav menu is a compact, anchored list rather than a full-width panel. */
.nav .nd{position:relative}
.nav .nd .nd-panel.nd-mega{
  left:0;right:auto;top:calc(100% + 12px);width:316px;min-width:0;
  max-height:min(520px,calc(100vh - 110px));overflow:auto;
  padding:7px;border-radius:16px;background:#fff;border:1px solid #e9e8f1;
  box-shadow:0 16px 40px -14px rgba(29,24,68,.18);
  transform:translateY(6px);transform-origin:top left;
}
.nav .nd.open .nd-panel.nd-mega{transform:translateY(0)}
.nav .nd .nd-panel::before{
  content:"";position:absolute;left:0;right:0;top:-14px;height:14px;
}
.nav .nd .nd-grid{display:grid;grid-template-columns:1fr;gap:3px}
.nav .nd:has(a[href="/for-creators"]) .nd-panel.nd-mega{width:min(660px,calc(100vw - 48px));left:50%;transform:translate(-50%,6px)}
.nav .nd.open:has(a[href="/for-creators"]) .nd-panel.nd-mega{transform:translate(-50%,0)}
.nav .nd:has(a[href="/for-creators"]) .nd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.nav .nd:has(a[href="/for-creators"]) .nd-card{align-items:flex-start}
.nav .nd a.nd-card{
  display:flex;align-items:center;gap:12px;padding:13px 12px;
  border-radius:10px;background:transparent;text-align:left;
  transition:background .18s ease;
}
.nav .nd a.nd-card:hover,.nav .nd a.nd-card:focus-visible{background:#f4f2ff}
.nav .nd .nd-card .ic{
  display:flex;align-items:center;justify-content:center;flex:0 0 34px;
  width:34px;height:34px;margin:0;border-radius:9px;background:#f3f1fd;color:#6554db;
}
.nav .nd .nd-card b{font-size:14px;line-height:1.4;font-weight:600;color:#202335;margin:0 0 3px}
.nav .nd .nd-card div>span{font-size:12px;line-height:1.45;color:#73798b;white-space:normal}
@media(max-width:800px){
  .nav .nd .nd-panel.nd-mega{left:50%;width:min(300px,calc(100vw - 40px));transform:translate(-50%,6px)}
  .nav .nd.open .nd-panel.nd-mega{transform:translate(-50%,0)}
}
@media(prefers-reduced-motion:reduce){
  .nav .nd .nd-panel,.nav .nd a.nd-card{transition:none}
}
