/* Keep the closed field, open options, placeholders and file controls in the
   same typeface. The native select remains responsible for form/keyboard logic. */
:root :is(button,input,select,textarea,option,optgroup){font-family:'Ubuntu Condensed',sans-serif}
input::placeholder,textarea::placeholder{font-family:inherit}
input::file-selector-button{font-family:inherit;font-size:inherit}
select option,select optgroup{font-family:'Ubuntu Condensed',sans-serif;font-size:inherit}

/* Browser-rendered pickers can use the downloaded font; OS-rendered pickers
   may substitute a system font. Unsupported browsers keep their native picker. */
@supports (appearance:base-select){
  select,select::picker(select){appearance:base-select}
  select{align-items:center;gap:12px}
  select::picker-icon{color:var(--muted,#706e83);margin-inline-start:auto}
  select::picker(select){
    font-family:'Ubuntu Condensed',sans-serif;font-size:inherit;line-height:1.4;
    color:var(--ink,#27263e);background:#fff;border:1px solid var(--line,#e4e3ec);
    border-radius:10px;padding:6px;box-shadow:0 12px 32px #27263e22;
    max-block-size:min(360px,70dvh);overflow-y:auto;overscroll-behavior:contain;
  }
  select option{padding:10px 12px;min-block-size:44px;border-radius:6px;gap:10px;white-space:normal;overflow-wrap:anywhere}
  select option:hover,select option:focus{background:var(--soft,var(--mint,#efeefc));color:var(--ink,#27263e)}
  select option:checked{background:var(--soft,var(--mint,#efeefc));color:var(--teal,var(--blue,#5752c7));font-weight:400}
  select option::checkmark{color:var(--teal,var(--blue,#5752c7))}
  select:disabled{cursor:not-allowed;opacity:.6}
}