.menu-toggle {
  display: none;
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fff;
  padding: 10px;
  cursor: pointer;
}
.menu-toggle span {
  display: block;
  height: 2px;
  border-radius: 2px;
  background: var(--navy);
  transition: transform .2s, opacity .2s;
}
.menu-toggle span + span { margin-top: 5px; }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(7px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-7px) rotate(-45deg); }
.mobile-menu {
  display: none;
  border-top: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 18px 35px rgba(11,37,89,.12);
}
.mobile-menu.open { display: block; }
.mobile-menu .container { display: grid; padding-block: 10px 16px; }
.mobile-menu a,
.mobile-menu-link {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #edf1f6;
  background: none;
  padding: 15px 4px;
  color: var(--navy);
  text-align: left;
  font-weight: 750;
  cursor: pointer;
}
.mobile-menu form { margin: 0; }
.mobile-menu a:last-child,
.mobile-menu form:last-child .mobile-menu-link { border-bottom: 0; }
@media (max-width: 850px) { .menu-toggle { display: block; } }
@media (max-width: 540px) {
  .nav { gap: 10px; }
  .nav-actions { gap: 8px; }
  .nav-actions > form { display: none; }
  .nav-actions .btn.small { min-height: 38px; padding-inline: 13px; }
}