.cc-mini__media, .cc-editorial-story__media { position: relative; }
.cc-video-badge { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; display: grid; place-items: center; width: 64px; height: 64px; padding: 0; border: 1.5px solid #ffffffd9; border-radius: 50%; color: #fff; background: #14141699; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); box-shadow: 0 4px 22px #0003; }
.cc-video-badge svg { display: block; width: 28px; height: 28px; margin-left: 3px; }
a:hover > .cc-video-badge, a.cc-video-badge:hover { color: #fff; border-color: #fff; background: #141416cc; }
a.cc-video-badge:focus-visible { outline: 3px solid #ff6a2a; outline-offset: 4px; }
.cc-mini__media .cc-video-badge { width: 40px; height: 40px; }
.cc-mini__media .cc-video-badge svg { width: 20px; height: 20px; margin-left: 2px; }
@media (max-width: 640px) { .cc-video-badge { width: 54px; height: 54px; } }
.cc-article-video { margin: 0 0 32px; }
.cc-article-video__player { position: relative; aspect-ratio: 16 / 9; min-height: 200px; background: #101012; border: 1px solid #e7e7ea; border-radius: 12px; overflow: hidden; }
.cc-article-video__player iframe, .cc-article-video__player video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; object-fit: contain; }
.cc-article-video figcaption { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 2px; color: #707078; font-size: 11px; line-height: 1.5; }
.cc-article-video figcaption a { color: #5d5d65; text-decoration: none; }
.cc-article-video figcaption a:hover { color: #b63b0a; text-decoration: underline; }
@media (max-width: 640px) { .cc-article-video__player { border-radius: 9px; } }