.article-video-action{margin-block:2rem}
.article-video-dialog{box-sizing:border-box;margin:auto;width:min(1050px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:22px;border:1px solid #555078;border-radius:18px;background:#14131e;color:#eeedf6;overflow:auto;box-shadow:0 24px 90px #0009}
.article-video-dialog::backdrop{background:#05050bd9;backdrop-filter:blur(6px)}
.article-video-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.doc .article-video-heading h2,.article-video-heading h2{margin:0;font-size:clamp(1.1rem,3vw,1.65rem);line-height:1.25}
.article-video-heading button{flex:0 0 44px;width:44px;height:44px;border:1px solid #555078;border-radius:9px;background:#222032;color:inherit;font-size:28px;cursor:pointer}
.article-video-dialog video{display:block;width:100%;max-height:65dvh;background:#000;border-radius:10px;object-fit:contain}
.doc .article-video-watch,.article-video-watch{margin:16px 0 8px;font-size:.95rem;line-height:1.6;color:#c4bfd8}
.article-video-library{display:inline-block;padding:8px 0;color:#b8a3ff}
.article-video-dialog :focus-visible{outline:3px solid #b8a3ff;outline-offset:4px}
html.article-video-open{overflow:hidden}
@media(max-width:600px){.article-video-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px;border-radius:12px}.article-video-action .btn{white-space:normal;text-align:left;line-height:1.5}}