.post-livestream {
  padding: clamp(1rem, 3vw, 2rem);
  border: 1px solid #c8d8d0;
  border-radius: 1rem;
  background: #eff5f1;
  color: #123a31;
}
.post-livestream h2 { margin: .4rem 0 1.2rem; font-size: clamp(1.8rem, 3vw, 2.6rem); line-height: 1.15; }
.stream-kicker { margin: 0; font-weight: 700; letter-spacing: .04em; }
.post-livestream .video-poster { width: 100%; aspect-ratio: 16/9; border-radius: .65rem; overflow: hidden; }
.post-livestream .video-poster img { width: 100%; height: 100%; object-fit: cover; }
.post-livestream .video-poster small { max-width: calc(100% - 1rem); white-space: normal; }
.post-livestream .stream-caption { font-size: .8rem; line-height: 1.5; }
.stream-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin: 1.3rem 0; }
.stream-actions .button { white-space: normal; text-align: center; }
.post-livestream a:focus-visible, .post-livestream button:focus-visible { outline: 3px solid #123a31; outline-offset: 4px; }
@media (max-width: 35rem) { .stream-actions .button { width: 100%; } }