.video-history-panel .history-toolbar{border-bottom:1px solid #e4e4e4;padding:10px 14px}
.video-history-panel .history-toolbar h2{font-size:14px;font-weight:400;color:#666}
.video-history-panel .history-actions{gap:36px}
.video-history-panel .year-filter button{color:#888;font-size:13px;padding:6px 17px}
.video-history-panel .year-filter button.selected{color:#fff}
.live-grid.video-gallery{gap:22px 20px;padding:16px 18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.live-grid .video-card{display:block;width:100%;min-width:0;border:0;border-radius:0;background:#fff;padding:0;text-align:center}
.video-card-poster{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#164e92}
.video-card-poster img{display:block;width:100%;height:100%;object-fit:cover}
.video-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:3px solid #ffffffb3;background:#4449;color:#fff;font-size:24px;padding-left:3px}
.video-card-caption{display:block;min-height:32px;padding:8px 3px 0;font-size:12px;line-height:20px;color:#888;overflow-wrap:anywhere}
.video-card-caption strong{font-weight:400;color:#ba262e}
.live-grid .video-card:not(:disabled):hover .video-play-icon{background:#c8202cd9;border-color:#fff}
.live-grid .video-card:disabled .video-card-poster{filter:grayscale(1);opacity:.5}
.video-card-unavailable{display:block;color:#999}
.video-history-panel .empty{grid-column:1/-1}
@media(max-width:800px){.live-grid.video-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.video-history-panel .history-actions{gap:14px}}
@media(max-width:560px){.live-grid.video-gallery{grid-template-columns:minmax(0,1fr);padding:14px;gap:20px}.video-history-panel .history-actions{flex-wrap:wrap}.video-card-caption{font-size:13px}.video-history-panel .history-toolbar{gap:8px}}