.nav-software{position:relative;flex:none}
.nav-software summary{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:8px 10px;border-radius:var(--r);list-style:none;cursor:pointer;
  color:var(--muted);font-size:.9375rem;white-space:nowrap;
}
.nav-software summary::-webkit-details-marker{display:none}
.nav-software summary::after{
  content:"";width:7px;height:7px;margin-top:-3px;
  border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;
  transform:rotate(45deg);
}
.nav-software[open] summary::after{transform:rotate(225deg);margin-top:3px}
.nav-software summary:hover,.nav-software[open] summary{background:var(--surface-2)}
.nav-software.active summary,.nav-software[open] summary{color:var(--brand);font-weight:600}
.nav-software ul{
  position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:0;
  display:grid;gap:2px;min-width:172px;padding:6px;list-style:none;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:0 10px 30px #0f1b331f;
}
.nav-software ul a{
  display:block;padding:8px 10px;border-radius:4px;color:var(--ink);
  font-size:.9rem;text-decoration:none;white-space:nowrap;
}
.nav-software ul a:hover,.nav-software ul a[aria-current="page"]{background:var(--brand-wash);color:var(--brand)}
.nav-software ul a[aria-current="page"]{font-weight:650}

/* Keep expanded items reachable on small screens, including landscape phones. */
.site-head.collapsed.open .menu{max-height:calc(100vh - 64px);overflow:auto}
.site-head.collapsed .nav-software summary{padding:12px 4px;border-bottom:1px solid var(--line-soft);border-radius:0}
.site-head.collapsed .nav-software ul{
  position:static;margin:4px 0 8px 10px;box-shadow:none;
  background:#f8faff;border-color:var(--line-soft);
}
.site-head.collapsed .lang ul{position:static;margin-top:5px;box-shadow:none}
.site-head.collapsed .menu-tail{align-items:flex-start}