/* Search and browse filters. */

@layer views {
  .v-search__form, .v-browse, .v-settings, .v-add { display: flex; flex-direction: column; gap: var(--sp-3); }
  .v-search__grid, .v-statgrid, .v-presets {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-2);
  }
  .v-statgrid .card { padding: var(--sp-3); display: flex; flex-direction: column; gap: 4px; }
  .v-statgrid strong {
    font-family: var(--font-display);
    font-size: var(--fs-xl);
    color: var(--accent);
  }
  .v-settings section, .v-add { display: flex; flex-direction: column; gap: var(--sp-3); }
  .v-preset { padding: var(--sp-3); text-align: left; color: inherit; }
}