/* Keep native select semantics and keyboard handling, with a branded picker. */
select { accent-color: var(--green); }
@supports (appearance: base-select) {
  select, select::picker(select) { appearance: base-select; }
  select { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  select::picker(select) {
    background: #080808; color: #f2efe6; border: 1px solid #70684f;
    border-radius: 0; padding: 4px; font: 400 16px/1.5 var(--support);
    box-shadow: 0 12px 28px #0004;
  }
  select option { padding: 11px 14px; border-radius: 0; cursor: pointer; }
  select option:checked, select option:hover, select option:focus {
    background: var(--green); color: #080808; outline: none;
  }
  select option::checkmark { color: currentColor; }
  select::picker-icon { color: var(--green); }
}