/* Enhanced fade-in/fade-out transitions */

/* Default smooth fade and height transition */
#input-section,
#results-section {
  transition: opacity 0.6s ease, max-height 0.7s ease;
  opacity: 1;
  max-height: 1000px;
  overflow: hidden;
}

#input-section.hidden,
#results-section.hidden {
  opacity: 0;
  max-height: 0;
  pointer-events: none;
}