@media (max-width: 760px) {
    body {
        font-size: 14px;
        line-height: 1.48;
    }

    .brand {
        font-size: 1.3rem;
    }

    .brand small {
        font-size: .52rem;
    }

    h1,
    h2,
    h3 {
        line-height: 1.2;
    }

    .section-heading {
        display: block;
    }

    .hero h1 {
        font-size: clamp(2rem, 10vw, 2.8rem);
        line-height: 1;
    }

    .welcome-panel h1,
    .page-intro h1,
    .admin-page-head h1,
    .quiz-header h1,
    .batch-detail-head h1 {
        font-size: 1.65rem;
    }

    .module-hero h1,
    .learner-profile-head h1 {
        font-size: 1.55rem;
    }

    .lesson-card h2 {
        font-size: 1.4rem;
    }

    .section-heading h2,
    .data-card-head h2,
    .card h2 {
        font-size: 1.25rem;
    }

    .module-card h2,
    .quiz-card h2,
    .educator-card h2,
    .question-card h2 {
        font-size: 1.15rem;
    }

    .stat strong {
        font-size: 1.55rem;
    }

    button,
    .button {
        font-size: .92rem;
    }

    table {
        font-size: .85rem;
    }

    input,
    select,
    textarea {
        font-size: 16px;
    }
}

@media (max-width: 420px) {
    body {
        font-size: 13.5px;
    }

    .hero h1 {
        font-size: 1.9rem;
    }

    .welcome-panel h1,
    .page-intro h1,
    .admin-page-head h1,
    .quiz-header h1,
    .batch-detail-head h1 {
        font-size: 1.5rem;
    }
}