.topbar-in { position: relative; }
nav.menu[data-menu-overflow] { overflow: hidden; }
nav.menu[data-menu-overflow] > a { flex: none; }
.menu-more { border: 0; background: transparent; cursor: pointer; font: inherit; flex: none;
  padding: 9px 12px; border-radius: var(--r-sm); color: var(--ink); font-weight: 500; font-size: 14.5px;
  white-space: nowrap; display: inline-flex; align-items: center;
  transition: background var(--t-fast) var(--ease-ios), color var(--t-fast) var(--ease-ios); }
.menu-more[hidden], .menu-more-list[hidden], .menu-badge[hidden] { display: none; }
.menu-more::after { content: '⌄'; margin-left: 5px; font-size: 13px; line-height: 1; transform: translateY(-2px); }
.menu-more:hover { background: var(--mint-soft); color: var(--green-hover); }
.menu-more.active, .menu-more[aria-expanded="true"] { background: var(--mint); color: var(--green-ink); font-weight: 600; }
.menu-more-list { position: absolute; top: calc(100% + 8px); right: 0; z-index: 120;
  min-width: 220px; padding: 6px; background: var(--white); border: var(--hairline);
  border-radius: var(--r-md); box-shadow: var(--shadow-pop); display: flex; flex-direction: column; gap: 2px; }
.menu-more-list a { padding: 10px 12px; border-radius: var(--r-sm); color: var(--ink);
  font-size: 14.5px; font-weight: 500; white-space: nowrap; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.menu-more-list a:hover { background: var(--mint-soft); text-decoration: none; color: var(--green-hover); }
.menu-more-list a.active { background: var(--mint); color: var(--green-ink); font-weight: 600; }
@media (max-width: 980px) { .menu-more, .menu-more-list { display: none !important; } }