.news-youtube { align-self: stretch; width: 100%; margin: 24px 0 0; }
.news-youtube iframe { display: block; width: 100%; min-height: 200px; aspect-ratio: 16 / 9; border: 0; background: #151515; }
.news-youtube-link { display: inline-block; margin-top: 12px; color: #99400c; font: inherit; font-size: .88rem; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.news-youtube-link:focus-visible, .news-youtube-preview-button:focus-visible { outline: 3px solid #ef7617; outline-offset: 4px; }
.news-youtube-preview-button { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; min-height: 200px; overflow: hidden; padding: 0; border: 1px solid #d8d1c8; background: #151515; cursor: pointer; }
.news-youtube-preview-button img { display: block; width: 100%; height: 100%; object-fit: cover; }
.news-youtube-preview-button span { position: absolute; left: 50%; top: 50%; width: max-content; max-width: 90%; transform: translate(-50%, -50%); padding: 12px 18px; color: #fff; background: rgba(20,20,20,.9); font: inherit; font-weight: 700; }
[data-youtube-feedback] { color: #635d55; font-size: .85rem; line-height: 1.5; }
.news-page .story-has-video .story-image { display: flex; align-items: center; background: #151515; }
.news-page .story-has-video .story-image-button { height: auto; aspect-ratio: 16 / 9; cursor: pointer; }
.news-page .story-has-video .story-image-button img { width: 100%; height: 100%; min-height: 0; object-fit: contain; }