/* =========================================
   FICHIER : css/journal-tags-responsive.css
   PAGES   : blog/tags/
   ROLE    : responsive des taxonomies
   ========================================= */

@media (max-width: 860px) {
  .taxonomy-hero__layout,
  .tag-hero__layout,
  .tag-explore__inner {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .taxonomy-topic-grid,
  .tag-results__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .taxonomy-hero,
  .tag-hero {
    padding: 132px 0 58px;
  }

  .taxonomy-breadcrumb {
    margin-bottom: 32px;
  }

  .taxonomy-hero h1,
  .tag-hero h1 {
    font-size: var(--hz-title-page);
  }

  .tag-hero__summary {
    grid-template-columns: auto 1fr;
  }

  .tag-hero__count {
    font-size: 4rem;
  }

  .taxonomy-section-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .taxonomy-topics,
  .tag-results {
    padding: 72px 0 84px;
  }

  .taxonomy-topic {
    min-height: 230px;
    padding: 22px 20px;
  }

  .tag-results__grid
  .journal-card__media {
    min-height: 260px;
  }

  .tag-explore {
    padding: 72px 0 84px;
  }

  .taxonomy-empty {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 26px 20px;
  }

  .taxonomy-empty > span {
    font-size: 4rem;
  }
}