.video-library { max-width: 1120px; }
.video-jump { display: flex; flex-wrap: wrap; gap: 10px; margin: 26px 0 34px; }
.video-jump a { border: 1px solid #cbd9e8; border-radius: 999px; color: #173a5e; font-weight: 700; padding: 9px 14px; text-decoration: none; }
.video-jump a:hover { background: #edf7ff; border-color: #83b9e7; }
.video-list { display: grid; gap: 26px; }
.video-card { scroll-margin-top: 24px; position: relative; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(260px, .9fr); gap: 26px; align-items: center; background: #fff; border: 1px solid #dbe5ef; border-radius: 22px; box-shadow: 0 12px 34px rgba(19, 50, 80, .07); padding: 18px; }
.video-card h2 { margin: 7px 0 10px; font-size: clamp(1.35rem, 2vw, 1.8rem); }
.video-card p { margin: 0; color: #52667b; }
.video-number { color: #196ca5; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.video-player { aspect-ratio: 16 / 9; background: #0d2d48; border-radius: 15px; min-width: 0; overflow: hidden; }
.video-player button { position: relative; width: 100%; height: 100%; display: block; border: 0; cursor: pointer; padding: 0; background: #0d2d48; }
.video-player button::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 54%, rgba(7, 26, 42, .42)); transition: background .18s ease; }
.video-player button:hover::after { background: linear-gradient(180deg, rgba(30, 140, 207, .05), rgba(7, 26, 42, .28)); }
.video-player img { display: block; width: 100%; height: 100%; object-fit: cover; }
.video-player iframe { display: block; width: 100%; height: 100%; border: 0; }
.video-play { position: absolute; z-index: 1; left: 50%; top: 50%; display: grid; place-items: center; width: 68px; height: 68px; border-radius: 50%; background: #fff; color: #0f6fa9; font-size: 26px; line-height: 1; padding-left: 4px; transform: translate(-50%, -50%); box-shadow: 0 10px 30px rgba(4, 31, 50, .32); }
.video-player button:focus-visible { outline: 4px solid #f5aa24; outline-offset: 3px; }
.video-links { display: flex; flex-wrap: wrap; gap: 9px 16px; margin-top: 18px; }
.video-links a { font-weight: 700; }
.video-anchor-alias { position: absolute; top: -24px; }
.video-cta { margin-top: 34px; }
.video-cta-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
@media (max-width: 820px) {
  .video-card { grid-template-columns: 1fr; gap: 18px; padding: 14px; }
  .video-card h2 { margin-top: 5px; }
  .video-jump { margin-bottom: 26px; }
}
@media (max-width: 480px) {
  .video-play { width: 58px; height: 58px; font-size: 22px; }
  .video-jump a { flex: 1 1 calc(50% - 10px); text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  .video-player button::after { transition: none; }
}