/**
 * A video post, from Video post 59:3 and its tablet and phone frames, 59:300
 * and 59:582. The title and the player share the blue surface; everything
 * after them is on the page.
 */

/* Sections meet edge to edge. */
.abhinav-video-title,
.abhinav-video-hero,
.abhinav-video-notes,
.abhinav-video-written,
.abhinav-more-videos,
.abhinav-video-subscribe {
	margin-block: 0;
}

.wp-block-group.abhinav-video-title {
	padding-block: var(--wp--preset--spacing--24);
}

.wp-block-group.abhinav-video-hero {
	padding-block: 0 var(--wp--preset--spacing--48);
}

.wp-block-group.abhinav-video-notes {
	padding-block: var(--wp--preset--spacing--48) var(--wp--preset--spacing--16);
}

.wp-block-group.abhinav-video-written,
.wp-block-group.abhinav-more-videos {
	padding-block: var(--wp--preset--spacing--16);
}

.wp-block-group.abhinav-video-subscribe {
	padding-block: var(--wp--preset--spacing--16) var(--wp--preset--spacing--48);
}

/* The kicker and the meta line take the muted ink of the blue surface. */
.abhinav-video-title .abhinav-kicker,
.abhinav-video-title .abhinav-post-meta {
	color: var(--wp--preset--color--on-inverse-muted);
}

.abhinav-video-title .wp-block-post-excerpt .wp-block-post-excerpt__excerpt {
	margin: 0;
	font-size: inherit;
	line-height: inherit;
}

/* Two halves side by side from 960, stacked below, as drawn at 834. */
.abhinav-split > * {
	flex: 1 1 100%;
	min-width: 0;
}

/* "In this video": the note box, drawn roomier than the default note. */
.wp-block-group.abhinav-video-takeaways {
	padding: var(--wp--preset--spacing--24) calc(var(--wp--preset--spacing--24) + var(--wp--preset--spacing--4)) calc(var(--wp--preset--spacing--24) + var(--wp--preset--spacing--4));
}

.abhinav-video-takeaways > * {
	margin-block: 0;
}

.abhinav-video-takeaways > * + * {
	margin-block-start: var(--wp--preset--spacing--12);
}

.abhinav-video-takeaways .wp-block-list > li + li {
	margin-block-start: var(--wp--preset--spacing--12);
}

/* "Mentioned in the video": a link and where it goes, ruled apart. */
.abhinav-mentions > *,
.abhinav-mention > * {
	margin-block: 0;
}

.abhinav-mention {
	padding-block: calc(var(--wp--preset--spacing--12) + var(--wp--preset--spacing--2));
	border-top: var(--wp--custom--stroke--construction) solid var(--wp--preset--color--line-subtle);
}

.abhinav-mention > * + * {
	margin-block-start: var(--wp--preset--spacing--2);
}

.abhinav-mention a {
	color: var(--wp--preset--color--contrast);
}

/* More videos: the length sits on the thumbnail, bottom right. */
.abhinav-video-card > * {
	margin-block: 0;
}

.abhinav-video-card__thumb {
	position: relative;
	background-color: var(--wp--preset--color--line-subtle);
}

.abhinav-video-card__thumb .wp-block-post-featured-image {
	margin: 0;
}

.abhinav-video-card__duration {
	position: absolute;
	right: calc(var(--wp--preset--spacing--8) + var(--wp--preset--spacing--2));
	bottom: calc(var(--wp--preset--spacing--8) + var(--wp--preset--spacing--2));
	margin: 0;
	padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--8);
	background-color: var(--wp--preset--color--inverse);
	color: var(--wp--preset--color--on-inverse);
	font-size: var(--wp--preset--font-size--body-s);
	line-height: 1.5625;
	pointer-events: none;
}

.abhinav-video-card__duration:empty {
	display: none;
}

.abhinav-video-card .wp-block-post-title {
	margin-block-start: var(--wp--preset--spacing--2);
	line-height: 1.25;
}

@media (max-width: 599px) {
	.abhinav-video-subscribe .abhinav-actions {
		flex-basis: 100%;
	}
}

@media (min-width: 600px) {
	.wp-block-group.abhinav-video-title {
		padding-block: var(--wp--preset--spacing--32);
	}

	.wp-block-group.abhinav-video-hero {
		padding-bottom: var(--wp--preset--spacing--64);
	}

	.wp-block-group.abhinav-video-notes {
		padding-block: var(--wp--preset--spacing--64) var(--wp--preset--spacing--24);
	}

	.wp-block-group.abhinav-video-written,
	.wp-block-group.abhinav-more-videos {
		padding-block: var(--wp--preset--spacing--24);
	}

	.wp-block-group.abhinav-video-subscribe {
		padding-block: var(--wp--preset--spacing--24) var(--wp--preset--spacing--48);
	}
}

@media (min-width: 960px) {
	.wp-block-group.abhinav-video-title {
		padding-block: var(--wp--preset--spacing--48) var(--wp--preset--spacing--32);
	}

	.wp-block-group.abhinav-video-hero {
		padding-bottom: var(--wp--preset--spacing--96);
	}

	.wp-block-group.abhinav-video-notes {
		padding-block: var(--wp--preset--spacing--96) var(--wp--preset--spacing--48);
	}

	.wp-block-group.abhinav-video-written,
	.wp-block-group.abhinav-more-videos {
		padding-block: var(--wp--preset--spacing--48);
	}

	.wp-block-group.abhinav-video-subscribe {
		padding-block: var(--wp--preset--spacing--48) var(--wp--preset--spacing--96);
	}

	.abhinav-split > * {
		flex: 1 1 0;
	}
}