.vod-related{width:min(1240px,calc(100% - 44px));margin:30px auto 70px;padding-top:36px;border-top:1px solid var(--line)}
main.container>.vod-related{width:100%}.vod-related h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;margin:0 0 10px}.vod-related-intro{color:var(--muted);margin:0 0 24px}
.vod-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.related-event{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.related-event>a{display:flex;height:100%;flex-direction:column}.related-event-copy{padding:18px;display:flex;flex-direction:column;flex:1}.related-event h3{font-size:1rem;line-height:1.4;margin:0 0 10px;text-wrap:balance}.related-event time,.related-event-type{font-size:.78rem;color:var(--muted)}.related-event-type{margin-bottom:7px}.related-event-action{font-weight:700;color:#f08ab7;font-size:.9rem;margin-top:auto;padding-top:17px}.related-event a:focus-visible{outline:3px solid #f08ab7;outline-offset:-3px}
@media(hover:hover){.related-event:hover{border-color:#b0004b}.related-event:hover .related-event-action{text-decoration:underline}}
@media(max-width:900px){.vod-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.vod-related{width:calc(100% - 24px);margin-bottom:44px}.vod-related-grid{gap:12px}.related-event-copy{padding:13px}.related-event h3{font-size:.9rem}}