/* --- Genres: the genre index, a genre's page, the album's genre chips ----------------------- */

/* The album's genre chips (genreChips: a ul.chip-row of link chips, styled by
   css/components/chips.css) sit under the facts line. */
.hero-info > .chip-row { margin-top: var(--space-3); }

/* The index: link rows with no thumbnail, in as many columns as fit. */
.genre-list {
  max-width: none;
  grid-template-columns: repeat(auto-fill, minmax(min(16rem, 100%), 1fr));
  column-gap: var(--space-5);
}
.genre-list .row { grid-template-columns: minmax(0, 1fr); }
/* A genre too long to open is listed, but is not a link, so it does not light up. */
.genre-list .row-static:hover { background: none; }

/* The filter field shares the bar with the count line. */
.genre-filter { flex: 0 1 22rem; }
.genre-filter .field-label { flex: none; }
.genre-filter input { min-width: 0; }