/*
 * Video embeds.
 *
 * The legacy site loaded the Embed plugin's own stylesheet from
 * assets/plugins/embed/css/embed.css — a path that does not exist there, since
 * the plugin keeps its assets under site/ and the webserver blocks that. So
 * the 29 videos in the articles have been unstyled for years: a ratio box with
 * an iframe sitting at its intrinsic size on top of it.
 *
 * These are the rules that box needs, and only those. The plugin's stylesheet
 * also carried thumbnails, error states and Instagram cards, none of which
 * this blog produces.
 */

.embed {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #ddd;
}

.embed,
.embed iframe,
.embed object {
	max-width: 100%;
}

.embed--video iframe,
.embed--video object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.embed-wrapper {
	margin: 2rem 0;
}