/* ------------------------- RESPONSIVE ------------------------- */

@media (max-width: 1200px) {
  #archive-grid-main.archive-grid--main {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  #archive-grid-main.archive-grid--main {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .archive-content__inner,
  .archive-hero__inner,
  .archive-top-filters__inner {
    padding: 0 1.1rem;
  }

  .archive-card__footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .archive-card__tags {
    justify-content: flex-start;
  }

  .archive-top-filters__chips {
    justify-content: center;
    width: 100%;
    gap: 0.75rem 1rem;
  }
}