/* =========================================
   FICHIER : css/journal-tag-results.css
   PAGE    : blog/tags/tag.njk
   ROLE    : resultats et autres thematiques
   ========================================= */

.tag-results {
  padding: 90px 0 106px;
  background: var(--journal-paper);
}

.tag-results__grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.tag-results__grid .journal-card {
  grid-column: auto;
}

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

/* Autres thématiques */
.tag-explore {
  padding: 88px 0 104px;
  background: var(--journal-ink);
}

.tag-explore__inner {
  display: grid;
  grid-template-columns:
    minmax(260px, 0.7fr)
    minmax(0, 1.3fr);
  gap: 70px;
}

.tag-explore h2 {
  margin: 9px 0 0;
  color: #fff;
  font-size:
    clamp(2.3rem, 4vw, 3.7rem);
}

.tag-explore__links {
  display: grid;
  border-top:
    1px solid
    rgba(255, 255, 255, 0.15);
}

.tag-explore__links a {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 2px;
  border-bottom:
    1px solid
    rgba(255, 255, 255, 0.15);
  color:
    rgba(255, 255, 255, 0.86);
  font-family: var(--font-title);
  font-size: 1.45rem;
  text-transform: capitalize;
}

.tag-explore__links a:hover {
  color: #fff;
  text-decoration: none;
}

.tag-explore__links
a span:last-child {
  transition: transform 0.2s ease;
}

.tag-explore__links
a:hover span:last-child {
  transform: translate(2px, -2px);
}