/* Smooth scroll behavior for anchor links */
html {
  scroll-behavior: smooth;
}

/* Ensure anchor targets are scrollable */
[id] {
  scroll-margin-top: 100px;
}

/* Active state for anchor link badges on mobile */
@media (hover: none) {
  a[href^="#"]:active {
    transform: scale(0.95);
    opacity: 0.8;
  }
}

/* Fix for anchor links - ensure they work even with transforms */
.reveal-card[id] {
  position: relative;
  scroll-margin-top: 120px;
}