/* Custom Scrollbar for better UX within sections */
textarea::-webkit-scrollbar,
div::-webkit-scrollbar {
    width: 8px;
}

textarea::-webkit-scrollbar-track,
div::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

textarea::-webkit-scrollbar-thumb,
div::-webkit-scrollbar-thumb {
    background: #c7c7c7; 
    border-radius: 4px;
}

textarea::-webkit-scrollbar-thumb:hover,
div::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8; 
}

/* Highlight Animation */
mark {
    animation: highlightFade 0.5s ease-out;
}

@keyframes highlightFade {
    from { background-color: #fcd34d; transform: scale(1.05); }
    to { background-color: #fef08a; transform: scale(1); }
}

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

/* Card Hover Effect Details */
#resultList > div {
    transition: all 0.2s ease;
}

#resultList > div:hover {
    transform: translateY(-2px);
}