/* Event artwork stays whole; missing artwork uses the event's own date. */
.home-event-strip-scroll>li {
 flex:0 0 min(280px,calc(100% - 24px));
 flex-direction:column;
 border:1px solid #dce2e5;
 border-radius:16px;
 background:var(--surface);
 transition:border-color .16s ease,box-shadow .16s ease;
}
.home-event-strip-scroll>li:hover {
 border-color:#aab7bf;
 box-shadow:0 4px 14px rgba(24,43,55,.07);
}
.home-event-strip-item {
 position:relative;
 flex:1;
 gap:0;
 padding:0;
 border:0;
 border-radius:16px;
 overflow:hidden;
}
.home-event-strip-item:hover { background:var(--surface); }
.home-event-strip-item:active { background:#edf2f4; }
.home-event-strip-item:focus-visible { outline:3px solid var(--brand); outline-offset:3px; }
.home-event-strip-visual {
 position:relative;
 flex-shrink:0;
 min-height:148px;
 overflow:hidden;
 background:#f1f4f4;
}
.home-event-strip-fallback {
 display:flex;
 min-height:148px;
 flex-direction:column;
 justify-content:center;
 align-items:flex-start;
 gap:8px;
 padding:18px;
 color:#334954;
}
.home-event-strip-calendar {
 display:flex;
 align-items:center;
 gap:9px;
 color:#677982;
 font-size:12px;
 line-height:1.5;
}
.home-event-strip-calendar svg { flex-shrink:0; }
.home-event-strip-fallback-date {
 font-size:23px;
 font-weight:700;
 line-height:1.4;
 overflow-wrap:anywhere;
}
.home-event-strip-fallback-type { color:#677982; font-size:12px; line-height:1.5; }
.home-event-strip .has-media .home-event-strip-fallback { visibility:hidden; }
.home-event-strip .ev-visual {
 position:absolute;
 inset:0;
 display:flex;
 align-items:center;
 justify-content:center;
 background:#f5f6f7;
}
.home-event-strip .ev-visual img {
 display:block;
 width:100%;
 height:100%;
 object-fit:contain;
}
.home-event-strip-body {
 display:flex;
 flex:1;
 flex-direction:column;
 gap:8px;
 padding:16px;
}
.home-event-strip-kicker { gap:6px; font-size:11px; }
.home-event-strip-status { padding:2px 6px; }
.home-event-strip-date { font-size:15px; }
.home-event-strip-title { font-size:16px; line-height:1.6; }
.home-event-strip-location { font-size:12px; }
.home-event-strip-location span { min-width:0; }
/* Keep one accessible date/type while the visual repeats them decoratively. */
.home-event-strip .is-text-only .home-event-strip-date,
.home-event-strip .is-text-only .home-event-strip-badge {
 position:absolute;
 width:1px;
 height:1px;
 padding:0;
 overflow:hidden;
 clip-path:inset(50%);
 white-space:nowrap;
}
.home-event-strip-chips { margin:10px 0 0; gap:8px; }
.home-event-strip-chips .tb-chip { border-color:var(--line); background:var(--surface); }
@media (min-width:768px) {
 .home-event-strip-scroll>li { flex:1 0 calc((100% - 24px) / 3); }
 .home-event-strip-visual,.home-event-strip-fallback { min-height:164px; }
 .home-event-strip-fallback { padding:20px; }
 .home-event-strip-body { padding:18px; }
}
@media (prefers-reduced-motion:reduce) {
 .home-event-strip-scroll>li { transition:none; }
}