/* Schedules block wrapper. The Y360 plugin ships its own calendar + filter styles
   (public/css/y360-public.css); this file only handles the section frame + header. */

.schedules {
    margin-block: 60px;
}

.schedules__header {
    margin-bottom: 30px;
    text-align: center;
}

.schedules__title {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.schedules__calendar {
    margin-inline: auto;
}

@media (max-width: 768px) {
    .schedules {
        margin-block: 40px;
    }

    .schedules__header {
        margin-bottom: 20px;
    }
}