/* Optimizations for 90% zoom on 1080p screens */
@media screen and (min-width: 1920px) {
  .max-w-7xl {
    max-width: 85rem;
  }
}

/* Enhanced typography scaling */
@media screen and (min-width: 1440px) {
  .text-4xl {
    font-size: 2.75rem;
  }
  .text-5xl {
    font-size: 3.5rem;
  }
  .text-xl {
    font-size: 1.375rem;
  }
}

/* Custom animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.6s ease-out forwards;
}

/* General styles */
html {
  scroll-behavior: smooth;
}

/* Audio player styles */
.audio-player {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
}

.audio-player.active {
  max-height: 150px;
  padding-top: 1rem;
}

/* Card interaction styles */
.card-active {
  border-color: #2563EB !important;
  border-width: 2px !important;
  box-shadow: 0 10px 25px -3px rgba(59, 130, 246, 0.1),
    0 4px 6px -2px rgba(59, 130, 246, 0.05) !important;
}

.card-active .card-icon {
  background-color: #dbeafe !important;
}

.card-active .card-icon svg {
  color: #2563EB !important;
}