/* Keep a native select's behaviour while reserving a consistent trailing icon area. */
select:not([multiple]):not([size]),select:not([multiple])[size="1"] {
  appearance:none;
  -webkit-appearance:none;
  padding-inline-end:44px;
  background-image:url('/assets/icons/chevron-down.svg');
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:16px 16px;
}
[dir="rtl"] select:not([multiple]):not([size]),[dir="rtl"] select:not([multiple])[size="1"] {background-position:left 14px center;}
/* The label may wrap. Only its final word and the decorative icon stay together. */
.link-label {min-width:0;overflow-wrap:break-word;}
.link-tail {white-space:nowrap;}
.link-icon {display:inline-block;width:1em;height:1em;margin-inline-start:.35em;vertical-align:-.12em;flex-shrink:0;}
@media(forced-colors:active) {
  select:not([multiple]):not([size]),select:not([multiple])[size="1"] {appearance:auto;-webkit-appearance:auto;background-image:none;padding-inline-end:12px;}
}