/**
 * Single post: floated featured image + introductory first paragraph.
 */

body.single-post .homestead-single-body {
	--homestead-ocean: var(--wp--preset--color--ocean, #038aaa);
	--homestead-single-radius: var(--homestead-radius, 4px);
	--homestead-single-shadow: 0 18px 40px rgba(49, 49, 49, 0.16);

	display: flow-root;
	width: 100%;
}

/*
 * Desktop & tablet: featured photo floats right at half the content width.
 * flow-root on the wrapper contains the float so terms/nav stay below.
 */
body.single-post .homestead-single-body .wp-block-post-featured-image {
	float: right;
	width: 50%;
	max-width: 50%;
	margin: 0 0 1.25rem 1.5rem;
	padding: 0;
	border: 4px solid var(--homestead-ocean);
	border-radius: var(--homestead-single-radius);
	box-shadow: var(--homestead-single-shadow);
	box-sizing: border-box;
	overflow: hidden;
	background-color: #ffffff;
}

body.single-post .homestead-single-body .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	height: auto;
}

body.single-post .homestead-single-body .wp-block-post-content {
	/* Core uses flow-root; block lets line boxes wrap under the float. */
	display: block;
	margin-block-start: 0;
}

/* Introductory first paragraph */
body.single-post .wp-block-post-content > p:first-of-type {
	margin-block-start: 0;
	color: var(--wp--preset--color--body, #313131);
	font-family: var(--wp--preset--font-family--body);
	font-size: clamp(1.2rem, 2.1vw, 1.4rem);
	font-weight: 400;
	line-height: 1.5;
}

body.single-post .prairie-light-terms,
body.single-post .prairie-light-post-nav,
body.single-post .prairie-light-comments {
	clear: both;
}

/* Cellphone: full-width featured photo above the post content */
@media (max-width: 640px) {
	body.single-post .homestead-single-body .wp-block-post-featured-image {
		float: none;
		width: 100%;
		max-width: 100%;
		margin: 0 0 1.5rem;
	}
}