.mw-sort { display: inline-flex; gap: 0; margin-left: 1px; vertical-align: middle; }
.mw-sort-btn {
  width: 12px; height: 18px; padding: 0; line-height: 1;
  display: inline-flex; align-items: center; justify-content: center;
  border: 0; border-radius: 4px;
  background: none; color: var(--mw-muted);
  font-size: 11px; font-weight: 700; cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}









.mw-sort-btn:hover { color: var(--mw-accent-ink); }
.mw-sort-btn.on { color: var(--mw-accent-ink); transform: scale(1.2); }
.mw-sort-btn:focus-visible { outline: 2px solid var(--mw-accent); outline-offset: 1px; }





.mw-sort-by {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 12px; color: var(--mw-ink-soft); white-space: nowrap;
}



.mw-sort-by > b { font-weight: 700; color: var(--mw-muted); }


.mw-sort-by > b + label { margin-left: -5px; }
.mw-sort-by label { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; }
.mw-sort-by input { margin: 0; cursor: pointer; }

@media (max-width: 560px) {
  .mw-sort-by { width: 100%; justify-content: space-between; }
}