/* Mobile Heart Rate Card Height Fix */
@media (max-width: 767px) {
    #hr-card {
        height: 300px !important;
        min-height: 300px !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    #hr-chart {
        flex: 1;
        min-height: 0;
        height: auto !important; /* Allow flex to control height */
    }
}