/* Keep form text large enough to prevent focus zoom in mobile Safari. */
@media (max-width: 900px), (hover: none) and (pointer: coarse) {
  html body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  html body select,
  html body textarea {
    font-size: 16px !important;
  }

  .reference-search-panel .query-information input,
  .reference-search-panel .query-information select {
    min-height: 44px;
  }
}

/* The result area starts with its controls and route content. */
#search-results > .results-toolbar {
  justify-content: flex-end;
  padding: 12px 20px;
}

#search-results:focus {
  outline: none;
}

.query-error {
  margin: 14px 0 0;
  padding: 10px 12px;
  border-radius: 6px;
  background: #fff5e8;
  color: #81542a;
  font-size: 13px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

@media (max-width: 700px) {
  #search-results > .results-toolbar {
    padding: 12px;
  }

  #search-results .result-actions {
    width: 100%;
    justify-content: flex-start;
  }
}