.project-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--card-min, 280px), 1fr));
  gap: 1.5rem;
  margin: 1.5rem 0;
}
.project-card {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 1.25rem;
  background: #fff;
}
.project-card h3 { margin-top: 0; }
.project-thumb img { max-width: 100%; height: auto; display: block; margin-bottom: 0.75rem; }
.project-dates { font-size: 0.85em; color: #666; margin: 0 0 0.75rem; }
.project-description { margin: 0 0 0.75rem; }
.project-extra { margin: 0; font-size: 0.9em; }
.project-extra dt { font-weight: 600; }
.project-extra dd { margin: 0 0 0.5rem; }