/* Informative horizontal layout for WordPress oEmbed cards served by this site. */
.wp-embed {
	box-sizing: border-box;
	min-height: 0;
	overflow: hidden;
	width: 100%;
}

.wp-embed.has-post-thumbnail {
	column-gap: 18px;
	display: grid;
	grid-template-columns: minmax(200px, 34%) minmax(0, 1fr);
	grid-template-rows: auto minmax(0, 1fr) auto;
	padding: 18px;
}

.wp-embed.has-post-thumbnail .wp-embed-featured-image,
.wp-embed.has-post-thumbnail .wp-embed-featured-image.square {
	align-self: center;
	aspect-ratio: 16 / 9;
	float: none;
	grid-column: 1;
	grid-row: 1 / 4;
	margin: 0;
	max-width: none;
	overflow: hidden;
	width: 100%;
}

.wp-embed.has-post-thumbnail .wp-embed-featured-image a {
	display: block;
	height: 100%;
}

.wp-embed.has-post-thumbnail .wp-embed-featured-image img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.wp-embed.has-post-thumbnail .wp-embed-heading {
	display: -webkit-box;
	grid-column: 2;
	grid-row: 1;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	margin: 0 0 8px;
	overflow: hidden;
	overflow-wrap: anywhere;
}

.wp-embed.has-post-thumbnail .wp-embed-excerpt {
	grid-column: 2;
	grid-row: 2;
	min-width: 0;
}

.wp-embed.has-post-thumbnail .wp-embed-excerpt p {
	display: -webkit-box;
	margin: 0;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}

.wp-embed.has-post-thumbnail .wp-embed-footer {
	grid-column: 2;
	grid-row: 3;
	margin-top: 12px;
}

.wp-embed-share,
.wp-embed-share-dialog,
.wp-embed-comments {
	display: none !important;
}

@media (max-width: 420px) {
	.wp-embed {
		min-height: 0;
	}

	.wp-embed.has-post-thumbnail {
		column-gap: 12px;
		grid-template-columns: 128px minmax(0, 1fr);
		padding: 12px;
	}

	.wp-embed.has-post-thumbnail .wp-embed-heading {
		font-size: 17px;
		line-height: 1.4;
	}

	.wp-embed.has-post-thumbnail .wp-embed-footer {
		font-size: 12px;
		margin-top: 6px;
	}
}
