/* Dropdowns that look and size the same on iPhone (2026-10-04, James: "on mobile fix drop downs"). Safari draws its own
   select: it ignores padding and min-height and pins its arrows to the edge. Drop the native look, keep each page's own
   colours and border, and draw the chevron from the text colour so it reads on light and dark grounds alike. */
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;
  background-image:linear-gradient(45deg,transparent calc(50% - .9px),currentColor calc(50% - .9px),currentColor calc(50% + .9px),transparent calc(50% + .9px)),linear-gradient(135deg,transparent calc(50% - .9px),currentColor calc(50% - .9px),currentColor calc(50% + .9px),transparent calc(50% + .9px))!important;
  background-position:calc(100% - 25px) 50%,calc(100% - 18px) 50%!important;background-size:7px 7px,7px 7px!important;background-repeat:no-repeat!important;
  padding-right:48px!important;min-height:48px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}
select::-ms-expand{display:none}
select:disabled{cursor:default;opacity:.6}
@media (max-width:820px){select{font-size:16px!important}}   /* under 16 px iOS zooms the page on focus */