/**
 * Melanin Stories — assets/css/components/quiz-teaser.css
 * Bloc "Quiz du moment" sur la home — carte centrée.
 */

.ms-quiz-teaser {
  padding: 60px 0;
  background: var(--ms-accent-bg);
  text-align: center;
}

.ms-quiz-teaser__card-wrap {
  max-width: 420px;
  margin: 36px auto 0;
  text-align: left;
}

@media (max-width: 600px) {
  .ms-quiz-teaser {
    padding: 44px 0;
  }
}