/* ============ Finder ============ */
.finder-hero { padding-block: clamp(2rem, 1rem + 4vw, 4.5rem) var(--s-7); }
.finder-hero h1 { font-size: var(--fs-3xl); max-width: 16ch; margin-block: var(--s-4); }
.finder { display: grid; gap: var(--s-7); padding-bottom: var(--section-y); }
@media (min-width: 1000px) { .finder { grid-template-columns: 340px minmax(0, 1fr); align-items: start; gap: var(--s-8); } }

.filters__inner { display: grid; gap: var(--s-6); }
@media (min-width: 1000px) { .filters { position: sticky; top: 96px; max-height: calc(100vh - 110px); overflow: auto; scrollbar-width: none; } }
.fgroup { display: grid; gap: var(--s-3); }
.fgroup__head { display: flex; justify-content: space-between; align-items: baseline; gap: var(--s-3); }
.fgroup__head .eyebrow { display: flex; gap: .7em; }
.fgroup__help { font-size: var(--fs-xs); color: var(--text-3); border-bottom: 1px solid var(--line-2); transition: color var(--t-base); }
.fgroup__help:hover { color: var(--moon); }
.filters .chips { gap: 6px; }
.filters .chip { min-height: 36px; padding: 0 .8em; }
.finder__bar { display: grid; gap: 6px; margin-top: var(--s-1); }
.finder__bar .summary { font-size: 11px; color: var(--text-3); }
.filters__reset { justify-self: start; }
@media (max-width: 999px) {
  .filters .chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--gutter)); padding-inline: var(--gutter); }
  .filters .chips::-webkit-scrollbar { display: none; }
  .filters .chip { flex: none; }
  .filters__inner { gap: var(--s-5); }
}

.results__head { display: flex; flex-wrap: wrap; gap: var(--s-3); justify-content: space-between; align-items: center; padding-bottom: var(--s-4); border-bottom: 1px solid var(--line); margin-bottom: var(--s-5); }
.results__count { font-size: var(--fs-lg); }
.sort select { height: 38px; padding: 0 2.2em 0 1em; border-radius: var(--r-pill); border: 1px solid var(--line-2); background: var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23c9bfb0' fill='none'/%3E%3C/svg%3E") no-repeat right 1em center; color: var(--text-2); font-size: var(--fs-sm); appearance: none; }
.results__note { margin-bottom: var(--s-5); padding: var(--s-3) var(--s-4); border-radius: var(--r-md); border: 1px dashed color-mix(in srgb, var(--lamp) 50%, transparent); color: var(--lamp); font-size: var(--fs-sm); }
.results__context { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3); margin-bottom: var(--s-5); padding: var(--s-3) var(--s-4); border-radius: var(--r-md); background: var(--surface); font-size: var(--fs-sm); color: var(--text-2); }
.results__context .link-arrow { margin-left: auto; }
.results__grid { display: grid; gap: var(--s-6) var(--s-5); grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
.results__grid .vtile { animation: tileIn var(--t-slow) var(--ease-out) both; animation-delay: calc(var(--i, 0) * 30ms); }
@keyframes tileIn { from { opacity: 0; transform: translateY(8px); } }
@media (prefers-reduced-motion: reduce) { .results__grid .vtile { animation: none; } }
.results__more { margin: var(--s-7) auto 0; display: flex; }
.empty { grid-column: 1 / -1; padding: var(--s-7) 0; display: grid; gap: var(--s-3); justify-items: start; color: var(--text-2); }
.finder-email { margin-top: var(--s-9); }
.finder-email .field { max-width: 480px; }