.mpg-grid {
  display: grid;
  gap: 16px;
}

@media (min-width: 600px) {
  .mpg-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .mpg-cols-3 { grid-template-columns: repeat(3, 1fr); }
}

.mpg-card {
  border: 1px solid #ccc;
  padding: 16px;
  background: #fff;
}

.mpg-title {
  margin: 0;
}

.mpg-sep {
  border-top: 1px solid #ccc;
  margin: 8px 0;
  width: 90%;
}

.mpg-excerpt {
  font-size: 0.9em;
  margin-bottom: 12px;
}

.mpg-btn {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid #ccc;
  background: #f9f9f9;
  text-decoration: none;
  color: #333;
}
.mpg-grid {
  display: grid;
  gap: 16px;
  max-width: 1100px;    /* limita la larghezza totale */
  margin: 0 auto;       /* centra la griglia */
}