/* Five events, retaining comfortable widths throughout the existing layouts. */
.event-rail { grid-template-columns: repeat(5,minmax(0,1fr)); }
.event-rail .rail-logo { max-width: 100%; }
.events-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; }
.events-grid .event-card { flex: 0 1 calc((100% - 48px)/3); min-width: 0; }
.comparison-table,.catalog-table { min-width: 1160px; }
.calendar-item small { display: block; font-size: 12px; line-height: 1.4; margin-top: 4px; color: var(--muted,#626a76); }
.royale-catalog-status { font-weight: 700; font-size: 13px; color: var(--muted,#626a76); margin-top: 10px; }
[data-catalog-event="padel-royale"] .catalog-logo { display: none; }
.event-padel-royale .event-visual > img,[data-catalog-event="padel-royale"] .catalog-photo > img { object-fit: cover; background: #1d2639; }
@media(min-width:1400px) { .events-grid .event-card { flex-basis: calc((100% - 96px)/5); } }
@media(max-width:1000px) {
    .event-rail { display: flex; flex-wrap: wrap; justify-content: center; }
    .event-rail .rail-event { flex: 0 1 33.333%; min-width: 0; }
    .events-grid .event-card { flex-basis: calc((100% - 24px)/2); }
}
@media(max-width:640px) {
    .event-rail .rail-event { flex-basis: 50%; }
    .event-rail .rail-event:last-child { flex-basis: 100%; border-left: 0; }
    .events-grid .event-card { flex-basis: 100%; }
}