/* Mobile Styles for Syllabus Page */

@media (max-width: 1024px) {
    /* Adjust Hero Section */
    .reveal {
        transform: translateY(30px);
    }

    h1 {
        font-size: 2.5rem !important;
        line-height: 1.2;
    }

    /* Syllabus Content spacing */
    .lg\:col-span-3 {
        padding-top: 2rem;
    }

    .syllabus-card {
        padding: 1.5rem !important;
        border-radius: 2rem !important;
    }

    .topic-item button {
        padding: 1rem !important;
        border-radius: 1rem !important;
    }

    .topic-item button span {
        font-size: 1rem !important;
    }

    .topic-item.active button {
        border-radius: 1rem 1rem 0 0 !important;
    }

    /* Sticky Header on Mobile */
    #main-header {
        padding: 0.5rem 0;
    }

    /* Hide redundant elements if any */
    .material-icons-round {
        font-size: 20px;
    }
}

/* Touch Friendly Targets */
@media (pointer: coarse) {
    button, a {
        min-height: 44px;
    }
}