.article-video {
  margin: 2.4rem 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ink, var(--card-text-color-main, #161616));
  overflow: hidden;
  font-family: inherit;
}
.article-video [hidden] { display: none !important; }
.article-video .article-video-heading { display: none; }
.article-video .article-video-title { margin: 0; font-size: 1.7rem; font-weight: 600; line-height: 1.6; overflow-wrap: anywhere; }
.article-video .article-video-platform { color: var(--muted, var(--card-text-color-secondary, #4f4f4d)); font-size: 1.2rem; }
.article-video .article-video-panel { aspect-ratio: 16 / 9; min-height: 200px; width: 100%; display: grid; place-items: center; background: var(--body-bg, var(--body-background, #f3f3f1)); border-radius: 8px; overflow: hidden; }
.article-video[data-aspect="9/16"] .article-video-panel { aspect-ratio: 9 / 16; max-width: 360px; margin-inline: auto; }
.article-video .article-video-panel::before { content: '▷'; font-size: 3.2rem; color: var(--muted, var(--card-text-color-secondary, #4f4f4d)); }
.article-video[data-player-loaded] .article-video-panel::before { display: none; }
.article-video .article-video-panel iframe { width: 100%; height: 100%; min-height: 200px; border: 0; display: block; }
.article-video[data-native-video][data-player-loaded] .article-video-panel { min-height: 0; background: #111; }
.article-video .article-video-panel video { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; background: #111; }
.article-video .article-video-status { margin: 1.4rem 0 0; color: var(--muted, var(--card-text-color-secondary, #4f4f4d)); font-size: 1.3rem; line-height: 1.7; }
.article-video .article-video-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem 1.8rem; margin-top: 1.4rem; }
.article-video[data-player-loaded] .article-video-actions { margin-top: 0; }
.article-video[data-native-video] .article-video-load { margin-top: 1.4rem; }
.article-video .article-video-load { cursor: pointer; background: var(--accent-color, #2d2d2d); color: var(--accent-color-text, #fff); border: 1px solid transparent; border-radius: 6px; padding: .9rem 1.4rem; min-height: 44px; font: inherit; font-size: 1.4rem; line-height: 1.5; }
.article-video .article-video-load:hover { filter: brightness(1.1); }
.article-video .article-video-link { font-size: 1.3rem; line-height: 1.7; overflow-wrap: anywhere; }
.article-video :is(button,a):focus-visible { outline: 2px solid var(--accent-color, #2d2d2d); outline-offset: 4px; }
@media (max-width: 767px) { .article-video { margin: 2rem 0; } }
@media (prefers-reduced-motion: reduce) { .article-video * { transition: none !important; } }
