.video-reports,.video-report{padding:1rem 0;color:#12324c;text-align:start}
.video-reports h1{font-size:1.5rem;line-height:1.75;font-weight:bold}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.video-card{min-width:0;background:#233d52;overflow:hidden}
.video-card a{position:relative;display:block;aspect-ratio:3/2;color:#fff;overflow:hidden;text-decoration:none}
.video-card img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.video-play-icon{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border:2px solid #fff;border-radius:50%;background:#0007;color:#fff;font-size:22px;padding-inline-start:3px}
.video-card-caption{position:absolute;inset:auto 0 0;padding:2rem .8rem .8rem;background:linear-gradient(transparent,#000d);color:#fff}
.video-card h2{margin:0;text-align:start;font:inherit;font-size:.95rem;font-weight:bold;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:inherit}
.video-card a:hover img{transform:scale(1.025)}
.video-card a:focus-visible{outline:3px solid #5b90ce;outline-offset:-3px}
.video-empty{grid-column:1/-1;min-height:320px;padding:3rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#f4f8fc,#fff);border:1px solid #e2eaf2;border-radius:12px;text-align:center}
.video-empty-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#e5eff9;color:#285d89;font-size:26px;margin-bottom:1rem}
.video-empty h2{font:inherit;font-size:1.125rem;font-weight:bold;line-height:1.8}
.video-empty p{font-size:.9rem;line-height:1.9;color:#536c82}
.video-empty a,.video-pagination a{padding:.6rem 1rem;border:1px solid #285d89;border-radius:6px;color:#285d89;text-decoration:none}
.video-player{margin:1rem 0;background:#f7f7f7}
.video-player video{display:block;width:100%;max-height:70vh;aspect-ratio:16/9;background:#111}
.video-player figcaption{font:inherit;font-size:inherit;line-height:1.9;padding:.75rem}
.video-time{display:block;color:#66809b;font-size:.8rem}
.video-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}
@media(max-width:991px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.video-grid{grid-template-columns:1fr;gap:1rem}.video-reports h1{font-size:1.25rem}.video-player video{max-height:55vh}}
@media(prefers-reduced-motion:reduce){.video-card img{transition:none}}