/* Plain archive typography and native controls, matching the existing site. */
.search-controls { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; }
.search-controls > div:first-child { flex: 2 1 260px; }
.search-controls > div:nth-child(2) { flex: 1 1 220px; min-width: 0; }
.search-controls label { display: block; margin-bottom: 3px; }
.search-controls input, .search-controls select { width: 100%; padding: 5px; box-sizing: border-box; }
.search-buttons { display: flex; gap: 6px; }
.search-buttons button, #search-more { padding: 5px 10px; }
.search-results { padding-left: 1.5em; }
.search-results li { margin-bottom: 1.4em; padding-left: 3px; }
.search-results h3 { font-size: 1.2em; margin: 0 0 3px; line-height: 1.25; }
.search-results p { margin: 4px 0; }
.search-result-info { color: #444; font-size: .9em; }
.search-results mark { background: #fff3b0; color: inherit; }
.search-results.is-searching { opacity: .55; }
#search-status { margin: 1em 0; }
#search-more[hidden], #search-clear[hidden] { display: none; }
@media (max-width: 640px) {
  .search-controls { gap: 10px; }
  .search-controls > div:first-child, .search-controls > div:nth-child(2) { flex-basis: 100%; }
  .search-results { overflow-wrap: anywhere; }
}

.search-sort-control { flex: 0 1 150px; }
.search-sort-note { color: #444; font-size: .9em; }
@media (max-width: 640px) { .search-sort-control { flex-basis: 100%; } }