/* Four readable document cards on wide screens; step down with the viewport. */
.certificate-grid,
.download-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.certificate-card .document-cover,
.download-item.with-preview .document-cover {
  height: 245px;
  padding: 20px;
}

.certificate-card .document-details,
.download-item.with-preview .document-details {
  padding: 20px;
}

.certificate-card h2,
.download-item.with-preview h2 {
  font-size: 18px;
  line-height: 1.35;
}

@media (max-width: 1100px) {
  .certificate-grid,
  .download-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 850px) {
  .certificate-grid,
  .download-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .certificate-grid,
  .download-grid { grid-template-columns: 1fr; }
}