/* Keep native form/keyboard semantics. Older engines keep their native picker. */
:where(select:not([multiple]):not([size]),select[size="1"]){
  border-radius:8px;min-height:44px;max-width:100%;box-sizing:border-box;
}
:where(select):focus-visible{outline:3px solid #287d55;outline-offset:3px}
@supports (appearance:base-select){
  :where(select:not([multiple]):not([size]),select[size="1"]),
  :where(select:not([multiple]):not([size]),select[size="1"])::picker(select){appearance:base-select}
  :where(select:not([multiple]):not([size]),select[size="1"]){
    display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 12px;
    border:1px solid #9db8a7;background:#fff;color:#123c30;
    font:400 16px/1.4 Roboto,Arial,sans-serif;white-space:normal;
  }
  :where(select)::picker-icon{color:currentColor;margin-inline-start:auto;flex:none}
  :where(select)::picker(select){
    color:#123c30;background:#fff;border:1px solid #9db8a7;border-radius:12px;
    padding:6px;margin-block:6px;box-shadow:0 8px 28px #06291a26;
    min-inline-size:anchor-size(width);max-inline-size:calc(100vw - 24px);
    max-block-size:min(360px,60dvh);overflow:auto;overscroll-behavior:contain;
    font:400 16px/1.4 Roboto,Arial,sans-serif;
  }
  :where(select) option{
    display:flex;align-items:center;gap:12px;min-height:44px;box-sizing:border-box;
    padding:10px 12px;border:0;border-radius:7px;background:#fff;color:#123c30;
    white-space:normal;overflow-wrap:anywhere;cursor:pointer;
  }
  :where(select) option:checked{background:#e2efd6;color:#123c30;font-weight:600}
  :where(select) option:hover,:where(select) option:focus-visible{background:#ecf4e8;color:#123c30;outline:2px solid #287d55;outline-offset:-2px}
  :where(select) option::checkmark{order:1;margin-inline-start:auto;color:#126443}
  :where(select) option:disabled{opacity:.5;cursor:default}
  :where(select):disabled{opacity:.55;cursor:default}
  :where(select) optgroup{font:600 14px/1.4 Roboto,Arial,sans-serif;color:#365b48}
}