.nav-dropdown{position:relative}
.nav-dropdown summary{display:flex;align-items:center;gap:.55rem;list-style:none;cursor:pointer;color:#e7eaf0;font-weight:500;font-size:.98rem;padding:.3rem 0}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown summary:hover,.nav-dropdown.is-active summary{color:#fff}
.nav-dropdown.is-active summary{box-shadow:0 2px var(--accent)}
.nav-dropdown[open] summary span{transform:rotate(180deg)}
.nav-submenu{position:absolute;top:calc(100% + 16px);left:-16px;min-width:210px;padding:8px;background:var(--ink);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:var(--shadow-lg)}
.nav .nav-submenu a{display:block;padding:.7rem .9rem;border-radius:6px;white-space:nowrap}
.nav .nav-submenu a:hover,.nav .nav-submenu a[aria-current=page]{background:rgba(31,102,255,.2);color:#fff}
.nav .nav-submenu a[aria-current=page]::after{display:none}
.nav-dropdown summary:focus-visible,.nav-submenu a:focus-visible{outline:2px solid #88adff;outline-offset:4px}
@media(max-width:680px){
.nav{visibility:hidden;max-height:calc(100dvh - 74px);overflow-y:auto}
.nav.open{visibility:visible}
.nav-dropdown summary{padding:.9rem 0;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}
.nav-dropdown.is-active summary{box-shadow:none;color:#88adff}
.nav-submenu{position:static;min-width:0;margin:.3rem 0 .7rem;padding:0 0 0 .8rem;border:0;border-left:2px solid var(--accent);border-radius:0;box-shadow:none}
.nav .nav-submenu a{padding:.65rem .9rem}
}