/* ── Button interactions ── */
.btn:active {
  scale: 0.97;
}

@media (any-hover: hover) {
  .btn:hover {
    scale: 1.02;
  }
}

/* ── Link hover ── */
.stack__heading h3 {
  transition: color 150ms ease-out;
}

.stack__heading:hover h3 {
  color: var(--accent);
}

.stack__action {
  transition: color 150ms ease-out;
}

.stack__action:hover {
  color: var(--accent);
  text-decoration: none;
}

/* ── Media hover ── */
.stack__media {
  transition: border-color 150ms ease-out, box-shadow 150ms ease-out, transform 200ms ease-out;
}

.stack__media:hover {
  border-color: var(--accent);
  box-shadow: var(--shadow);
  transform: translateY(-3px);
}