#events .events-panels{display:grid;grid-template-columns:minmax(0,1fr);position:relative}
#events .events-panels::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line);pointer-events:none}
/* One shared bottom rule; retain original border space and the Theater's position. */
#events .event-list>li:last-child .event-row{border-bottom-color:transparent}
#events + #theater{border-top-color:transparent}
#events .events-panels>[role="tabpanel"]{grid-area:1/1;min-width:0}
/* Inactive panels contribute their real intrinsic size, but are neither visible nor focusable.
   One shared grid cell keeps the following section stable without fixed heights or dummy rows. */
#events .events-panels>[role="tabpanel"][hidden]{display:block!important;visibility:hidden;pointer-events:none}
#events #events-panel-more{display:flex;align-items:center;justify-content:center}
#events #events-panel-more[hidden]{display:flex!important}
#events .events-more-message{text-align:center;padding:32px 16px}
#events .events-more-message h3{color:var(--ink);font-size:26px;font-weight:600;line-height:1.3;letter-spacing:-.025em}
#events .events-more-message p{color:var(--muted);font-size:20px;font-weight:400;margin-top:12px;line-height:1.5}
/* Lists contain only the five existing courses. */
#events [role="tabpanel"]{min-height:0;padding-bottom:0;margin-bottom:0;background:transparent}
#events .event-list>li:empty{display:none}
#events .event-list::after,#events [role="tabpanel"]::after{content:none}
@media(max-width:640px){#events .events-more-message{padding:32px 8px}#events .events-more-message h3{font-size:24px}#events .events-more-message p{font-size:18px}}