@import "tailwindcss";
@plugin "@tailwindcss/typography";

/* Flash message auto-dismiss animation */
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

[data-flash-target="message"] {
  animation: fadeOut 0.3s ease-out 3s forwards;
}

/* Article content styling */
.prose img {
  @apply rounded-lg;
}

.prose a {
  @apply text-gray-900 underline decoration-gray-300 hover:decoration-gray-900 transition-colors;
}

/* Line clamp utility */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

button {
  @apply cursor-pointer;
}