/* What's New video thumbnail with play overlay */
.wn-video-card{cursor:pointer;}
.wn-video-thumb{position:relative;display:block;width:100%;padding:0;margin:4px 0 12px;border:0;border-radius:10px;background:none;cursor:pointer;font:inherit;color:inherit;}
.wn-video-thumb .wn-card-img{margin:0;}
.wn-video-thumb:focus-visible{outline:3px solid #7ab7ff;outline-offset:3px;}
.wn-play{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(5,8,19,.72);border:2px solid rgba(255,255,255,.88);box-shadow:0 6px 22px rgba(0,0,0,.45);display:grid;place-items:center;transition:transform .15s ease,background .15s ease;pointer-events:none;}
.wn-play svg{width:24px;height:24px;margin-left:4px;fill:#fff;}
.wn-video-card:hover .wn-play,.wn-video-thumb:focus-visible .wn-play{transform:translate(-50%,-50%) scale(1.08);background:rgba(44,132,255,.85);}

/* Modal */
.video-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;}
.video-modal[hidden]{display:none;}
.video-modal-backdrop{position:absolute;inset:0;background:rgba(1,3,10,.86);}
.video-modal-dialog{position:relative;width:min(960px,100%);max-height:100%;display:flex;flex-direction:column;gap:10px;}
.video-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.video-modal-title{margin:0;font-size:16px;line-height:1.3;color:#eef5ff;letter-spacing:0;}
.video-modal-close{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;font-weight:800;cursor:pointer;}
.video-modal-close span[aria-hidden]{font-size:22px;line-height:1;}
.video-modal-close:hover{background:rgba(122,183,255,.22);}
.video-modal-close:focus-visible{outline:3px solid #7ab7ff;outline-offset:2px;}
.video-modal-frame{position:relative;width:100%;width:min(100%,calc((100vh - 100px) * 16 / 9));width:min(100%,calc((100dvh - 100px) * 16 / 9));aspect-ratio:16/9;margin:0 auto;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.6);}
.video-modal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
@media(max-width:560px){.video-modal{padding:10px;}.video-modal-close-text{display:none;}}
@media(prefers-reduced-motion:reduce){.wn-play{transition:none;}}