/* Blog archive cards: four columns at desktop, then three, two, and one. */
#site-root .site-blog-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 24px !important;
}

@media (min-width: 1025px) and (max-width: 1200px) {
  #site-root .site-blog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  #site-root .site-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }
}

@media (max-width: 767px) {
  #site-root .site-blog-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
  }
}