/* Global link underline animation — no hover opacity */

a {
  text-decoration: none;
  color: inherit;
}

/* Animated underline for all links except cards and back arrow */
a:not(.card):not(.back) {
  display: inline;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.3s ease;
}

a:not(.card):not(.back):hover {
  background-size: 100% 1px;
  opacity: 1;
  text-decoration: none;
}

/* Remove any leftover hover opacity */
a:hover {
  opacity: 1;
}

.back:hover {
  opacity: 0.6;
}