/* Desktop: sidebar + map side-by-side, fill viewport */
@media (min-width: 768px) {
    .sidebar-col {
        height: calc(100vh - 30px);
        overflow-y: auto;
    }
    .thermal-histogram {
        height: calc(100vh - 310px);
    }
    .map-container {
        position: relative;
        height: calc(100vh - 30px);
    }
}

/* Mobile: stacked layout, no overflow traps, fixed heights */
@media (max-width: 767px) {
    .sidebar-col {
        height: auto;
        overflow-y: visible;
    }
    .thermal-histogram {
        height: 35vh;
    }
    .map-container {
        position: relative;
        height: 60vh;
    }
}