/* App-only reader media player. No WordPress styling or PHP changes. */
.reader-body figure.woc-app-video-embed { display:block; width:100%; margin:1.7em 0; }
.reader-body .woc-app-video-stage {
  width:100%; aspect-ratio:16/9; min-height:0; position:relative;
  display:flex; align-items:center; justify-content:center;
  overflow:hidden; border-radius:14px;
  background:linear-gradient(155deg,#17212b 0%,#080e16 100%);
  color:#fff;
}
.reader-body .woc-app-video-play {
  display:flex; flex-direction:column; gap:14px; align-items:center;
  justify-content:center; text-align:center;
  width:100%; height:100%; min-height:0; padding:20px;
  box-sizing:border-box; color:#fff; text-decoration:none; font-weight:700;
  font-size:clamp(14px,3.9vw,18px); cursor:pointer;
}
.reader-body .woc-app-video-play:focus-visible { outline:3px solid #fae49f; outline-offset:-4px; }
.reader-body .woc-app-video-icon {
  display:grid; place-items:center; width:66px; height:66px;
  border-radius:50%; background:#fff; color:#17212b; font-size:24px;
  box-shadow:0 5px 22px #0006;
}
.reader-body .woc-app-video-stage video,
.reader-body .woc-app-video-stage iframe {
  position:absolute; inset:0; display:block; width:100%; height:100%;
  border:0; border-radius:0; aspect-ratio:auto;
}
.reader-body .woc-app-video-unavailable { margin:0; padding:1rem; color:#fff; text-align:center; }
.reader-body figure.woc-app-video-embed .woc-uvp-under {
  margin-top:8px; display:flex; flex-wrap:wrap; gap:6px 12px;
  justify-content:flex-start; align-items:center; font-size:.82em; line-height:1.4;
}
.reader-body figure.woc-app-video-embed figcaption {
  margin-top:8px; text-align:center; font-size:.78em; color:var(--muted,#777);
}
