#content .hn-video-embed,
.alltext .hn-video-embed,
.--content .hn-video-embed,
#post-article .hn-video-embed {
    box-sizing: border-box;
}

#content .hn-video-embed iframe,
.alltext .hn-video-embed iframe,
.--content .hn-video-embed iframe,
#post-article .hn-video-embed iframe {
    width: 100%;
    border: 0;
    display: block;
    max-width: 100%;
}

#content .hn-video-embed:not(.hn-video-embed--fixed-height) iframe,
.alltext .hn-video-embed:not(.hn-video-embed--fixed-height) iframe,
.--content .hn-video-embed:not(.hn-video-embed--fixed-height) iframe,
#post-article .hn-video-embed:not(.hn-video-embed--fixed-height) iframe,
#content iframe[src*="youtube.com"]:not([style*="height:"]),
#content iframe[src*="youtu.be"]:not([style*="height:"]),
.alltext iframe[src*="youtube.com"]:not([style*="height:"]),
.--content iframe[src*="youtube.com"]:not([style*="height:"]) {
    aspect-ratio: 16 / 9;
    height: auto;
}

#content .hn-video-embed--fixed-height iframe,
.alltext .hn-video-embed--fixed-height iframe,
.--content .hn-video-embed--fixed-height iframe,
#post-article .hn-video-embed--fixed-height iframe {
    aspect-ratio: unset;
}