/* Adds a hover effect to the suggestion items for better UX */
.suggestion-item:hover {
    background-color: #f0f4f8; /* A light blue-gray hover effect */
}
/* Ensures the animation is smooth */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in { animation: fadeIn 0.5s ease-out forwards; }