.nav-more { position: relative; }
.nav-more summary { cursor: pointer; font-size: 13px; font-weight: 600; color: #2d3b4c; list-style: none; }
.nav-more summary::-webkit-details-marker { display: none; }
.nav-more summary::after { content: '⌄'; margin-left: 5px; color: var(--orange); }
.nav-more summary.active { color: var(--orange); }
.nav-submenu { position: absolute; top: 100%; left: -16px; display: grid; min-width: 205px; padding: 10px 0; background: #fff; box-shadow: 0 10px 25px rgba(7, 27, 49, .16); border: 1px solid #edf0f3; }
.nav-submenu::before { content: ''; position: absolute; top: -18px; left: 0; right: 0; height: 18px; }
.nav-submenu a { padding: 9px 16px; white-space: nowrap; }
.nav-submenu a:hover { background: #f6f7f8; }

@media (max-width: 850px) {
  .nav-more { width: 100%; }
  .nav-more summary { font-size: 13px; }
  .nav-submenu { position: static; box-shadow: none; border: 0; padding: 8px 0 0 14px; gap: 3px; }
  .nav-submenu a { padding: 6px 0; }
}