/* Keep native form values, validation and keyboard behavior; theme the picker itself. */
select { accent-color: var(--work-accent,var(--gold,#b79121)); }
select option,select optgroup { background:#fff; color:#33372f; }
@supports (appearance:base-select) {
    select:not([multiple]):not([size]),select:not([multiple])[size="1"],
    select:not([multiple]):not([size])::picker(select),select:not([multiple])[size="1"]::picker(select) {
        appearance:base-select;
    }
    select:not([multiple]):not([size]),select:not([multiple])[size="1"] {
        align-items:center;gap:12px;cursor:pointer;background-image:none!important;
    }
    select::picker-icon { color:var(--work-accent,var(--gold,#a38528));margin-inline-start:auto; }
    select::picker(select) {
        font:inherit;background:#fff;color:#33372f;border:1px solid #e5d9b6;border-radius:12px;
        box-shadow:0 12px 32px #332b1729;padding:5px;max-height:min(360px,65dvh);
        min-width:anchor-size(width);max-width:calc(100vw - 24px);overflow:auto;scrollbar-width:thin;
    }
    select option {
        display:flex;align-items:center;gap:10px;min-height:38px;padding:9px 12px;margin:2px 0;
        border:0;border-radius:7px;background:#fff;color:#33372f;white-space:normal;
        font:inherit;cursor:pointer;
    }
    select option:checked { background:#fff3c8;color:#695213;font-weight:600; }
    select option:is(:hover,:focus) { background:#fff8e0;outline:1px solid #d7b959;outline-offset:-1px; }
    select option:disabled { color:#999;background:#f5f5f3;cursor:default; }
    select option::checkmark { color:#a38528; }
    select optgroup { padding:8px 4px 4px;font-weight:700;color:#85744e; }
}