/* Quantum Institut Responsive Media Queries & Overrides */

/* Extra Small (xs: < 480px) */
@media (max-width: 479px) {
    .hero-title {
        font-size: 1.5rem !important;
        line-height: 1.25 !important;
    }
    .touch-target-min {
        min-height: 44px;
        min-width: 44px;
    }
}

/* Small (sm: 640px to 767px) */
@media (min-width: 640px) and (max-width: 767px) {
    .container-padding {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

/* Medium (md: 768px to 1023px - Tablet) */
@media (min-width: 768px) and (max-width: 1023px) {
    .chart-responsive-height {
        height: 350px !important;
    }
}

/* Large & Desktop (lg: ≥ 1024px) */
@media (min-width: 1024px) {
    .chart-responsive-height {
        height: 500px !important;
    }
}

/* Ensure no horizontal overflow on 320px screens */
html, body {
    max-width: 100vw;
    overflow-x: hidden;
}