/* Custom styles - Tailwind CDN handles most styling */
/* This file is for additional custom styles if needed */

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Code blocks */
code {
  font-family: 'Consolas', 'Monaco', 'Andale Mono', monospace;
}

/* Table responsiveness */
@media (max-width: 640px) {
  table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

/* Loading animation */
.loading {
  opacity: 0.6;
  pointer-events: none;
}

/* Fade in animation */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

.fade-in {
  animation: fadeIn 0.3s ease-out;
}