/* Native select behavior and keyboard access, with a theme-aware disclosure arrow. */
select:not([multiple]) {
  appearance: none;
  padding-inline-end: 2rem;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--muted, #617366) 50%),
    linear-gradient(135deg, var(--muted, #617366) 50%, transparent 50%);
  background-position: calc(100% - 17px) center, calc(100% - 12px) center;
  background-size: 5px 5px;
  background-repeat: no-repeat;
}
@media (forced-colors: active) {
  select:not([multiple]) { appearance: auto; background-image: none; }
}