.stacked-card {
  position: relative;
}

.stacked-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--color-gray-200);
  border-radius: 0.5rem; /* matches rounded-lg */
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* Tailwind shadow-sm */
  z-index: 0;
  transform: translateY(0.5rem) scaleX(0.95); /* Matches original translate-y-2 scale-x-95 */
}

.stacked-card:hover::before {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06); /* Tailwind shadow-md */
}

.project-popover::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}