/**
 * Single post (currently only the podcast CPT uses this). Not Figma-designed
 * yet — see single.php's header comment. Keeps the article in a readable
 * column with its body copy in a bg-muted box per the Guideline.
 */

.entry-wrap {
	display: flex;
	flex-direction: column;
	gap: var(--block-gap);
	max-width: 760px;
	padding-block: var(--section-py);
}

.entry-header {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.entry-thumbnail img {
	width: 100%;
	border-radius: var(--radius-lg);
}

.entry-content {
	display: flex;
	flex-direction: column;
	gap: 1em;
	padding: 24px 20px;
	background-color: var(--color-bg-muted);
	border-radius: var(--radius-lg);
	font: 400 16px/1.8 var(--font-sans); /* Body */
	color: var(--color-text-primary);
}

@container site (min-width: 720px) {
	.entry-content {
		padding: 40px;
	}
}