/* Info button hover effect */
#info-button:hover {
    background-color: rgba(0,0,0,0.1) !important;
    transform: scale(1.1);
    transition: all 0.2s ease;
}

/* Close button hover effect */
#close-overlay:hover {
    color: #333 !important;
    transform: scale(1.1);
}

/* Overlay animation */
#help-overlay {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Help content styling */
.help-content h4 {
    margin-bottom: 10px;
    font-weight: 600;
}

.help-content ul {
    margin-bottom: 15px;
    padding-left: 20px;
}

.help-content li {
    margin-bottom: 5px;
}