.lu-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 5px;
    padding: 5px;
}
.lu-box {
    background-color: #e8f5e9;
    padding: 5px;
    border-radius: 8px;
    transition: background-color 0.3s ease;
    min-height: 50px;
}
.lu-box:hover {
    background-color: #004d40;
    color: white;
}
.lu-box h3 {
    margin-top: 0;
    color: #004d40;
}
.lu-box:hover h3,
.lu-box:hover p {
    color: white;
}
