/* Single post page styles */

/* Typography and images for single posts (match homepage) */
.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area p {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.content-area h2 {
	color: #095fc9;
	line-height: 1.25;
	font-weight: 800;
	font-size: clamp(1.6rem, 2.2vw + 1rem, 2.4rem);
	margin: 32px auto 10px;
	position: relative;
}
.content-area p {
	font-size: clamp(1rem, 0.3vw + 1rem, 1.2rem);
	line-height: 1.8;
	color: #222;
	margin: 0 auto 1.2rem;
}
.content-area p a { color: #095fc9; text-decoration: none; font-weight: 600; }
.content-area p a:hover { text-decoration: underline; }

.content-area figure.wp-block-image {
	margin: 24px auto;
	max-width: 1100px;
	padding-left: 20px;
	padding-right: 20px;
}
.content-area figure.wp-block-image img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(0,0,0,.12);
	margin-left: auto;
	margin-right: auto;
}

.single .post-title { font-size: 2.4rem; }
.single .post-meta { color: #777; }
.single .post-content { font-size: 1.1rem; line-height: 1.9; }