/* Recipe previews use one semantic link for the complete card. */
.archive-item > .archive-item-link {
  display: block;
  color: inherit;
  text-decoration: none !important;
}

.archive-item > .archive-item-link:hover,
.archive-item > .archive-item-link:focus,
.archive-item > .archive-item-link:visited {
  color: inherit;
  text-decoration: none !important;
}

.archive-item > .archive-item-link:focus-visible {
  border-radius: 4px;
  outline: 3px solid rgba(42, 94, 95, 0.32);
  outline-offset: 3px;
}

.archive-item .archive-item-header h2 .archive-item-title {
  color: #2a5e5f;
  text-decoration: none;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.archive-item > .archive-item-link:hover .archive-item-title,
.archive-item > .archive-item-link:focus-visible .archive-item-title {
  color: #087f86;
  text-decoration: underline;
}

.archive-item > .archive-item-link:hover .archive-item-media-thumbnail img {
  transform: scale(1.015);
}

.archive-item .archive-item-media-thumbnail {
  display: block;
  overflow: hidden;
}

.archive-item .archive-item-media-thumbnail img {
  transition: transform 180ms ease;
}

@media (prefers-reduced-motion: reduce) {
  .archive-item .archive-item-media-thumbnail img {
    transition: none;
  }
}