/* ==========================================================================
   Single post – single.php
   reference/Arthro.html. Only the differences from the shared long-form
   layout in main.css: a narrower hero with no image and no CTA buttons, and
   the 16/9 lead image at the top of the article body.
   ========================================================================== */

.be_single-hero {
	padding-top: 32px;
	padding-bottom: 56px;
}

/* The hero is the same two-column row as the rest of the site now that the
   featured image sits in it, so the 1000px cap it had as a lone text column is
   gone. The breadcrumb and the row still stack. */
.be_single-herowrap {
	gap: 32px;
}

.be_single-herotext {
	gap: 20px;
}

/* A solo hero — an article with no featured image — keeps the old measure. */
.be_phero-row--solo .be_single-herotext {
	max-width: 1000px;
}

.be_single-h1 {
	font-size: clamp(36px, 4.6vw, 58px);
	letter-spacing: -0.02em;
	line-height: 1.08;
}

.be_single-lead {
	max-width: 720px;
	font-size: 20px;
}

@media (max-width: 860px) {
	.be_single-hero {
		padding-top: 24px;
		padding-bottom: 40px;
	}
}