.jatj-video-companion .jatj-video-preview {

  position: absolute; inset: 0; display: grid; place-items: center;

  width: 100%; height: 100%; padding: 0; margin: 0; border: 0;

  border-radius: 0; overflow: hidden; background: #000; cursor: pointer;

}

.jatj-video-companion .jatj-video-preview__image {

  position: absolute; inset: 0; display: block; width: 100%; height: 100%;

  max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0;

  object-fit: contain;

}

.jatj-video-companion .jatj-video-preview__play { position: relative; display: block; line-height: 0; }

.jatj-video-companion .jatj-video-preview__play svg { display: block; width: 84px; height: 60px; }

.jatj-video-companion .jatj-video-preview:focus-visible { outline: 4px solid #e7c760; outline-offset: -4px; }

.jatj-video-companion .jatj-video-preview:hover .jatj-video-preview__play { filter: brightness(1.1); }

.jatj-video-companion iframe[hidden] { display: none !important; }

.jatj-video-companion .jatj-video-preview-link {

  display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin: .75rem 0 0; font-size: 14px;

}

.jatj-video-companion .jatj-video-preview-link a,

.jatj-video-companion .jatj-video-sound-button {

  display: inline-flex; align-items: center; gap: 8px; min-height: 44px;

  padding: 8px 12px; border: 1px solid #d6dce7; border-radius: 999px;

  background: #f9fafc; color: #172943; font-size: 14px; font-weight: 600; line-height: 1.3;

  text-decoration: none !important; transition: background-color .15s ease, border-color .15s ease;

}

.jatj-video-companion .jatj-video-preview-link a:hover,

.jatj-video-companion .jatj-video-sound-button:hover {

  background: #edf2f8; border-color: #aebcd0; color: #172943; text-decoration: none !important;

}

.jatj-video-companion .jatj-video-preview-link a:focus-visible,

.jatj-video-companion .jatj-video-sound-button:focus-visible {

  outline: 3px solid #d2ae43; outline-offset: 3px;

}

.jatj-video-companion .jatj-video-preview-link svg { flex-shrink: 0; display: block; }

@media (prefers-reduced-motion: reduce) {

  .jatj-video-companion .jatj-video-preview-link a,

.jatj-video-companion .jatj-video-sound-button { transition: none; }

}



.jatj-video-companion .jatj-video-sound-button { cursor: pointer; }

/* Host-owned actions sit below the frame; native playback controls stay inside it. */
body .jatj-video-companion > p.jatj-video-preview-link{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:10px!important;margin:10px 0 0!important;padding:0!important;clear:both}
body .jatj-video-companion .jatj-video-preview-link a,
body .jatj-video-companion .jatj-video-sound-button{max-width:100%;margin:0!important;white-space:normal!important;text-align:start;line-height:1.4!important;transform:none!important}
body .jatj-video-companion .jatj-video-sound-button{margin-inline-end:auto!important;cursor:pointer}
body .jatj-video-companion .jatj-video-sound-button:disabled{opacity:.65;cursor:wait}
body .jatj-video-companion .jatj-video-sound-status{flex-basis:100%;font-size:13px;color:#394b62;line-height:1.5}