/* The owner's genres (routes::genres): home's rows of them use home.css;
   these are the genre pages' own, in the Night broadcast tokens. */
.genres-page { padding-bottom: 2rem; }
.genres-head { padding: 1.5rem var(--gutter, 16px) 0.5rem; max-width: 72ch; }
.genres-crumb { margin: 0 0 0.25rem; font-size: 0.875rem; }
.genres-crumb a { color: var(--text-muted); }
.genres-lead { color: var(--text-muted); margin: 0.5rem 0; }
.genres-count, .genres-channel { margin: 0.25rem 0; }
.genres-n { color: var(--text-muted); font-size: 0.875rem; }
.genres-more { margin: 0.5rem 0 0; font-size: 0.875rem; color: var(--text-muted); }
.genres-more a { color: var(--accent-text); }
.genres-others a { color: var(--accent-text); }
.genres-grid {
  list-style: none;
  margin: 0;
  padding: 0 var(--gutter, 16px);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 282px), 1fr));
  gap: 1.25rem;
}
.genres-grid .card { display: block; }
.genres-about { margin: 0.25rem 0 0; color: var(--text-muted); font-size: 0.875rem; }
/* A cover, a logo or a podcast's art, shown whole in the card's 16:9 box. */
.card--genre-whole .card-visual .card-img { object-fit: contain; }
.card--genre .card-filed { font-size: 0.8125rem; }