/* ==========================================================================
   search.php — the search surface.
   Shared components (.search-bar, .result-row, .chip, .sk-*, .empty,
   .sec-head, .sprig…) live in site.css.
   ========================================================================== */

.search-band {
  background: var(--bg-soft);
  border-bottom: 1px solid var(--line);
  padding: clamp(26px, 5vw, 52px) 0 clamp(24px, 4vw, 40px);
}
.search-band .search-head { margin-bottom: clamp(20px, 3vw, 30px); }
.search-band .search-head h1 { margin: 0; }
.search-hero-bar { max-width: 640px; margin: 0 auto; }

.trending-block { max-width: 760px; margin: clamp(22px, 3.5vw, 34px) auto 0; text-align: center; }
.trending-title { font-size: 1rem; color: var(--muted); font-family: var(--font-body); font-weight: 700; margin: 0 0 12px; }
.trending-block .chip-row { justify-content: center; }
.trending-block .chip { font-size: .88rem; padding: 9px 16px; min-height: 42px; }

.search-wrap { padding: clamp(24px, 4vw, 40px) 20px 40px; max-width: 900px; }
.results-head { margin: 0 0 18px; }
.results-head h2 { margin: 0; }
#moreBtn { margin-top: 20px; }