/* Optional tiny overrides when using Tailwind CDN */
html { scroll-behavior: smooth; }
body {
  background-color: #f8fafc;
  background-image: radial-gradient(circle at top left, rgba(16, 185, 129, 0.12), transparent 55%),
    radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.08), transparent 50%);
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.reveal {
  opacity: 0;
  transform: translateY(18px);
  animation: reveal-up 0.7s ease forwards;
  animation-delay: calc(var(--reveal-index, 0) * 0.1s);
}
@keyframes reveal-up {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}