/* Event listing layout, loaded only by the three Events pages. */
.page-hero{min-height:0;padding-top:7rem;padding-bottom:1.5rem}
#weekly-events{padding-top:1.25rem;padding-bottom:1.5rem}
#events{padding-top:1.25rem;padding-bottom:2.5rem}
#weekly-events .events__header,#events .events__header{margin-bottom:1rem}
.events__col,.events__col-list{min-width:0}
.event-card.event-card--illustrated{--event-thumb-width:clamp(160px,16vw,220px);display:grid;grid-template-columns:var(--event-thumb-width) 88px minmax(0,1fr);gap:18px;align-items:start;padding:1.25rem 0}
.event-card--illustrated>.event-card__thumbnail{grid-column:1;grid-row:1;display:block;width:var(--event-thumb-width);height:auto;aspect-ratio:1920 / 1005;box-sizing:border-box;background:#211f1c;border:1px solid rgba(245,179,53,.3);border-radius:5px;overflow:hidden}
.event-card--illustrated>.event-card__thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.event-card--illustrated>.event-card__thumbnail svg{display:block;width:100%;height:100%;padding:15px;box-sizing:border-box;color:var(--cj-yellow,#f5b335)}
.event-card--illustrated>.event-card__date{grid-column:2;grid-row:1;width:88px;height:calc(var(--event-thumb-width) * 1005 / 1920);min-width:0;min-height:0;box-sizing:border-box;padding:8px 4px;gap:6px;justify-content:center;align-items:center;flex-direction:column}
.event-card--illustrated .event-card__day{font-size:1.7rem!important;line-height:1}
.event-card--illustrated .event-card__month{font-size:.7rem;line-height:1.2;letter-spacing:.06em;margin-top:0}
.event-card--illustrated>.event-card__body{grid-column:3;grid-row:1;min-width:0;padding-top:0}
.event-card--illustrated .event-card__name{font-size:1.75rem;line-height:1.1;overflow-wrap:anywhere;margin-bottom:.5rem}
.event-card--illustrated .event-card__desc{font-size:1.125rem;line-height:1.5;color:rgba(250,250,248,.82);margin-bottom:0}
.event-card--illustrated .event-card__tags{max-width:100%;gap:.4rem}
.event-card--illustrated .event-tag{font-size:.8rem;white-space:normal;overflow-wrap:anywhere}
@media(max-width:700px){
.page-hero{padding-top:6rem;padding-bottom:1rem}
#weekly-events{padding-top:1rem;padding-bottom:1rem}
#events{padding-top:1rem}
.event-card.event-card--illustrated{--event-thumb-width:clamp(160px,55vw,240px);grid-template-columns:var(--event-thumb-width) 88px;gap:14px 12px}
.event-card--illustrated>.event-card__body{grid-column:1 / -1;grid-row:2}
.event-card--illustrated .event-card__name{font-size:1.65rem}
.event-card--illustrated .event-card__desc{font-size:1.125rem}
}