.event-schedule { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 400px); gap: clamp(24px, 4vw, 60px); align-items: center; margin: 32px auto; padding: clamp(20px, 3vw, 36px); max-width: 1100px; border: 1px solid #4a4840; border-radius: 16px; background: #0b171a; color: #f7efe1; scroll-margin-top: 120px; }
.event-schedule-copy { min-width: 0; }
.event-schedule-date { color: #dfbf7e; margin: 0 0 8px; font-size: 14px; }
.event-schedule h2 { margin: 0 0 20px; color: #fff4dc; font-size: clamp(28px, 4vw, 40px); }
.event-schedule-times { padding: 0; margin: 0; list-style: none; }
.event-schedule-times li { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 16px; padding: 14px 0; border-bottom: 1px solid #3c4440; line-height: 1.4; }
.event-schedule-times strong { color: #edc477; white-space: nowrap; }
.event-schedule-venue { color: #c7d3d1; margin: 20px 0; line-height: 1.5; }
.event-schedule-open { width: fit-content; }
.event-schedule-poster { display: block; min-width: 0; }
.event-schedule-poster img { display: block; width: 100%; height: auto; border-radius: 8px; }
.event-schedule a:focus-visible { outline: 3px solid #f4cf80; outline-offset: 5px; }
@media (max-width: 700px) { .event-schedule { grid-template-columns: minmax(0, 1fr); padding: 20px 16px; gap: 24px; margin: 24px 0; } .event-schedule-times li { grid-template-columns: 92px minmax(0, 1fr); gap: 10px; } .event-schedule-poster { width: min(100%, 400px); justify-self: center; } }