.feed-post > .feed-post-video {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 0 20px 20px;
}
.feed-video-card {
  overflow: hidden;
  margin-top: 12px;
  padding: 16px;
  border: 1px solid var(--border-soft, #d6cbd8);
  border-radius: 14px;
  background: var(--white, #fffdfc);
  color: var(--ink, #301443);
}
.feed-video-notice { margin: 6px 0 12px; font-size: .85rem; line-height: 1.5; }
.feed-video-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; }
.feed-video-actions .feed-video-load {
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid var(--border, #d6cbd8);
  border-radius: 999px;
  background: var(--green-bg, #f3ebf7);
  color: var(--ink, #301443);
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}
.feed-video-actions a { color: inherit; font-size: .85rem; text-underline-offset: .18em; }
.feed-video-actions .feed-video-thumbnail {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: #15111b;
}
.feed-video-thumbnail img {
  display: block;
  width: 100%;
  max-height: min(55dvh, 360px);
  object-fit: contain;
}
.feed-video-thumbnail span {
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  padding: 10px 18px;
  border-radius: 999px;
  background: #fff9f2;
  color: #301443;
  white-space: nowrap;
}
.feed-video-actions :is(button, a):focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.feed-video-player {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: min(65dvh, 480px);
  margin-top: 16px;
  border: 0;
  border-radius: 10px;
  background: #15111b;
}
.feed-post.post-is-editing > .feed-post-video { display: none !important; }
@media (max-width: 600px) {
  .feed-post > .feed-post-video { margin: 0 12px 16px; }
  .feed-video-card { padding: 12px; }
}