/* The movie info renders as regular post content (no card/box). Only minimal
   layout rules: contain the floated poster and keep the trailer responsive. */

.imdbf-block {
	display: flow-root; /* contain the left-aligned poster float */
}

.imdbf-block .imdbf-poster {
	max-width: 200px;
	margin: 0 20px 10px 0;
}

.imdbf-block .imdbf-poster img {
	width: 100%;
	height: auto;
}

.imdbf-trailer {
	clear: both;
	margin: 16px 0;
}

.imdbf-trailer iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
	min-height: 220px;
	border: 0;
}

@media (max-width: 600px) {
	.imdbf-block .imdbf-poster {
		float: none;
		max-width: 240px;
		margin: 0 auto 12px;
	}
}