.nav-dropdown{position:relative;z-index:20}
.nav-dropdown summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;white-space:nowrap}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.nav-dropdown[open] summary::after{transform:rotate(225deg);margin-top:3px}
.nav-dropdown summary:hover{color:var(--blue)}
.nav-dropdown summary:focus-visible{outline:3px solid #3182b8;outline-offset:6px}
.nav-dropdown-panel{position:absolute;top:calc(100% + 14px);left:0;min-width:215px;max-width:calc(100vw - 32px);padding:7px;background:white;border:1px solid var(--line);border-radius:5px;box-shadow:0 12px 30px #0c28451a;color:var(--ink);font-size:14px}
.nav-dropdown-panel a{display:block;padding:11px 14px;border-radius:3px;white-space:nowrap}
.nav-dropdown-panel a:hover,.nav-dropdown-panel a:focus-visible{background:var(--paper);color:var(--blue)}
.nav-dropdown-panel a[aria-current=page]{background:var(--paper);color:var(--blue);font-weight:600}
@media print{.nav-dropdown{display:none}}

nav{flex-wrap:wrap}
@media(max-width:380px){header nav{column-gap:12px;row-gap:12px}}