/* SEARCH — the fifth nav item (gate search, 2026-09-09). The page is the
   app's own .col; the rows are app.css's .listrow with the Quests rows'
   inner anatomy (.qtitle / .meta — the same names, restated here because
   quests.css scopes them under .qs); the filter bar's rules come with
   quests.css, which the surface loads. Nothing here is a second design. */

.search .search__head { margin-bottom: 14px; }
.search .search__field { max-width: 640px; margin-bottom: 14px; }
.search .search__input {
  padding: 12px 16px;
  font-size: 16px;
  -webkit-appearance: none;
  appearance: none;
}
.search .qfbar { margin-bottom: 8px; }
.search .search__quiet { margin: 6px 0 0; }

.search .search__group { margin-top: 26px; }
.search .search__group > .lotus-edge { width: 44px; margin: 8px 0 14px; }
.search .search__rows { display: flex; flex-direction: column; }
.search .search__skelrow { border-radius: var(--r-m, 12px); }
.search .search__skelrow + .search__skelrow { margin-top: 6px; }

.search .srow { width: 100%; text-align: left; color: inherit; font: inherit; }
.search .srow:hover { text-decoration: none; }
.search .srow .srow-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.search .srow .qtitle { font-family: var(--display); font-weight: 600; font-size: 15px; color: var(--text); }
.search .srow .meta { color: var(--muted); font-size: 12.5px; }
.search .srow .search__line { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.search .srow mark { background: var(--accent-tint); color: var(--accent-text); border-radius: 3px; padding: 0 1px; }
.search button.srow { cursor: pointer; border: 0; }

.search .search__empty { margin: 4px 0 0; }
.search .search__empty--page { margin-top: 28px; }
.search .search__more { margin-top: 10px; }

@media (max-width: 760px) {
  .search .search__field { max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
  .search .srow { transition: none; }
}