.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown>a{display:inline-flex;align-items:center}
.nav-dropdown-toggle{width:30px;height:30px;display:grid;place-items:center;margin-left:-7px;border:0;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer}
.nav-dropdown-toggle::before{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .16s ease}
.nav-dropdown.open .nav-dropdown-toggle::before{transform:translateY(2px) rotate(225deg)}
.nav-dropdown-menu{min-width:225px;display:none;position:absolute;z-index:120;top:100%;left:0;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 16px 40px rgba(31,25,22,.14)}
.nav-dropdown.open .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:grid}
.nav-dropdown-menu a{display:block;padding:10px 12px!important;border-radius:9px;color:var(--ink)!important;font-size:.9rem;white-space:nowrap}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible,.nav-dropdown-menu a.active{background:var(--cream);color:var(--teal)!important}
.nav-dropdown-toggle:focus-visible,.nav-dropdown-menu a:focus-visible{outline:3px solid rgba(59,137,152,.35);outline-offset:2px}
@media (hover:hover) and (min-width:901px){.nav-dropdown:hover .nav-dropdown-menu{display:grid}}
@media(max-width:900px){
  .nav-dropdown{display:grid;grid-template-columns:1fr auto;width:100%}
  .nav-dropdown>a{min-width:0}
  .nav-dropdown-toggle{width:42px;height:42px;margin:0}
  .nav-dropdown-menu{grid-column:1/-1;position:static;min-width:0;margin:2px 0 7px 12px;padding:4px 0 4px 11px;border:0;border-left:2px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
  .nav-dropdown-menu a{padding:9px 11px!important}
}