/* Click-to-load video on the W230 page; gallery uses the shared GK3 styles. */
.post-processing-video .post-video-stage {
  position: relative;
  aspect-ratio: 16 / 9;
  max-width: 960px;
  margin-inline: auto;
  border-radius: var(--r-card);
  overflow: hidden;
  background: #111;
  direction: ltr;
}
.post-video-launch,
.post-video-stage iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.post-video-launch { position: relative; text-decoration: none; background: var(--paper); }
.post-video-launch img { width: 100%; height: 100%; object-fit: contain; display: block; }
.post-video-play {
  position: absolute;
  inset: 0;
  margin: auto;
  width: max-content;
  height: max-content;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 22px;
  min-height: 44px;
  border-radius: var(--r-pill);
  background: var(--accent-on-dark);
  color: var(--ink);
  font-size: 17px;
  transition: transform .15s;
}
[dir="rtl"] .post-video-play { direction: rtl; }
.post-video-play svg { flex-shrink: 0; }
.post-video-launch:active .post-video-play { transform: scale(.95); }
.post-video-launch:focus-visible { outline: 2px solid var(--accent-on-dark); outline-offset: -4px; }
.post-processing-video .post-video-fallback { margin: 16px 0 0; text-align: center; font-size: 14px; }
.post-processing-video .post-video-fallback a { color: var(--accent-on-dark); }
@media (prefers-reduced-motion: reduce) {
  .post-video-play { transition: none; }
}