.search-option__copy { display: grid; min-width: 0; gap: .25rem; padding-block: .625rem; }
.search-option__copy > span { overflow-wrap: anywhere; }
.search-option__copy small { color: var(--color-muted-text); font-size: var(--font-caption); font-weight: var(--font-weight-regular); line-height: var(--line-height-copy); }
.search-results__form { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 1.25rem; margin-bottom: 2rem; }
.search-results__form input { width: 100%; min-width: 0; min-height: 2.75rem; border: 0; border-bottom: 1px solid var(--color-ink); border-radius: 0; padding: .625rem 0; background: transparent; color: var(--color-ink); font: inherit; }
.search-results__form input:focus-visible { outline: 2px solid var(--color-ink); outline-offset: 4px; }
.search-results__form input::placeholder { color: var(--color-placeholder); }
.search-results__query { overflow-wrap: anywhere; }
.search-applied,.search-browse { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; margin-block: 0 1.5rem; font-size: var(--font-small); line-height: var(--line-height-copy); }
.search-applied > span { font-weight: var(--font-weight-medium); }
.search-applied > span + span::before { content: '·'; margin-right: 1.5rem; color: var(--color-muted-text); }
.search-browse a,.search-catalog-link { text-decoration: underline; text-underline-offset: .25em; transition: color var(--transition); }
.search-catalog-link { display: inline-block; margin-bottom: 1.5rem; font-size: var(--font-small); }
.search-results__count { margin: 0 0 1.5rem; color: var(--color-muted-text); font-size: var(--font-small); }
@media (hover:hover) { .search-browse a:hover,.search-catalog-link:hover { color: var(--color-green); } }
@media (max-width:48rem) {
  .search-results__form { gap: .75rem; margin-bottom: 1.5rem; }
  .search-results__form .button { min-width: 0; }
  .search-results__form input { font-size: 1rem; }
  .search-result-card__meta { flex-wrap: wrap; }
  .search-result-card h2 { flex-basis: 100%; }
  .search-applied,.search-browse { gap: .5rem 1rem; }
  .search-applied > span + span::before { margin-right: 1rem; }
}