/**
 * Melanin Stories — assets/css/components/category-archive.css
 * Page d'une catégorie — le header spécifique ; la grid de cartes
 * réutilise déjà les styles de category-grid.css.
 */

.ms-category-archive {
  padding: 70px 0 90px;
}

.ms-category-archive__description {
  max-width: 640px;
  color: var(--ms-charcoal);
  font-size: 15px;
  margin-top: 10px;
}

.ms-category-archive__grid {
  margin-top: 40px;
}

@media (max-width: 600px) {
  .ms-category-archive {
    padding: 50px 0 60px;
  }
}