/* Keep archive filters consistent with native Safari controls. */
.filters input[type="search"],
.filters select {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 54px;
  min-height: 54px;
  margin: 0;
  border: 1px solid #9ba8b9;
  border-radius: 0;
  padding: 12px 14px;
  background-color: #fff;
  color: var(--ink);
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
}
.filters select {
  padding-right: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='m2 2 5 5 5-5' fill='none' stroke='%23152133' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 14px 10px;
}
.filters input[type="search"]::placeholder { color: #677486; opacity: 1; }
@media (forced-colors: active) {
  .filters select { -webkit-appearance: auto; appearance: auto; background-image: none; }
}