/* Loved by players: section-level hooks on top of the ported design CSS.

   misfit/css/landing.css draws .reviews, the torn-paper .quote card and the
   580px snap scroller exactly as the approved design does. Only the
   settings-driven parts live here. */

.reviews {
  background-color: var(--mm-surface-reviews, #211431);
}

/* The column count is a setting because the number of approved testimonials is
   not fixed. The design's own 580px rule replaces the grid with a scroller. */
@media (min-width: 581px) {
  .reviews .quotes {
    grid-template-columns: repeat(var(--mm-quote-columns, 3), minmax(0, 1fr));
  }
}