/* Responsive Design Utilities */

@media (max-width: 768px) {
    .controls {
        flex-direction: column;
        align-items: stretch;
    }
    
    .legend {
        justify-content: center;
    }
}