/* Site v2 listing layout: the filter row and the result regions. Cards, rows,
   cells, chips and papers come from base.css. */

.v2-filters {
  display: grid;
  gap: var(--space-4);
  margin-bottom: var(--space-10);
}
@media (min-width: 900px) {
  .v2-filters {
    grid-template-columns: minmax(0, 1fr) 320px;
    align-items: center;
  }
}
.v2-filter-group {
  display: grid;
  gap: var(--space-3);
}
@media (min-width: 900px) {
  .v2-filter-group {
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: baseline;
  }
}
/* Phones: the chips get a 40px tap target. */
@media (max-width: 719px) {
  .v2-filters .v2-chip {
    min-height: 40px;
    padding-inline: var(--space-4);
  }
}
.v2-count {
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  color: var(--muted);
}