/* =====================================================
   EVENTS PAGE - MOBILE (MAX 767PX)
   Additional mobile-specific tweaks layered on events.css
   ===================================================== */

.events-hero {
    padding: 3.25rem 0 2.4rem;
}

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

.events-hero .hero-meta {
    margin-top: 0.5rem;
}

.event-card {
    padding: 1.4rem;
}

.event-content h3 {
    font-size: 1.15rem;
}

.highlight-card {
    padding: 1.4rem;
}

.timeline-content,
.faq-item {
    padding: 1.25rem;
}