/* Merovex Press — home genre cards (public `.press` styles).
 * Surface comes from .press-card, type from press-utilities (composed in the
 * view); this file keeps the responsive grid and the card's layout/hover. */
.press-genres {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  max-width: 1100px;
  margin: 0 auto 5rem;
  padding-inline: 1.5rem;
}
@media (min-width: 640px) {
  .press-genres { grid-template-columns: 1fr 1fr; }
}
.press-genre-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.5rem;
  transition: border-color 200ms ease;
}
.press-genre-card:hover { border-color: var(--border-2); }