.nav{position:relative}
.nav-explore{position:relative}
.nav-explore summary{padding:0;list-style:none;cursor:pointer}
.nav-explore summary::-webkit-details-marker{display:none}
.nav-explore summary:after{content:"⌄";position:static;margin-left:5px;color:var(--orange);font-size:.8rem}
.nav-sub{display:none;position:absolute;z-index:50;top:28px;left:-18px;width:220px;padding:14px;background:var(--carbon2);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.28)}
.nav-explore[open] .nav-sub{display:grid;gap:5px}
.nav-sub a{padding:8px 10px;border-radius:8px}
.nav-sub a:hover{background:rgba(255,255,255,.06)}
@media(max-width:950px){
  .nav-links{max-height:calc(100vh - 96px);overflow:auto}
  .nav-explore{width:100%}
  .nav-sub{position:static;width:100%;margin-top:10px;box-shadow:none}
  .nav-links>a,.nav-explore>summary{font-size:1rem;padding:6px 0}
}