/* Text style */
.legend-box h4 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 14px;
    margin: 10px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.legend-box i {
    font-size: 18px;
}


@media (max-width: 576px) {

    .legend-box {
        width: 160px; /* reduced size */
        padding: 8px 10px; /* smaller padding */
        bottom: 70px;
        right: 10px;
    }

        .legend-box h4 {
            font-size: 11px; /* 50% smaller text */
            margin: 6px 0;
            gap: 6px;
        }

        .legend-box i {
            font-size: 14px; /* smaller icons */
        }
}