/* post.css — single post hero and content layout */
.post-single {
	background: var(--color-white);
}

.post-single__body {
	padding: var(--space-lg) 0;
}

.post-single__inner {
	padding: 0 var(--space-md);
	max-width: 840px;
	margin: 0 auto;
}

.post-single__thumbnail {
	width: min(100%, 720px);
	aspect-ratio: 16 / 9;
	height: auto;
	margin: 0 auto var(--space-lg);
	overflow: hidden;
	border-radius: var(--radius);
	border: 1px solid var(--color-light-gray);
}

.post-single__thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.post-single__title {
	margin: 0 0 var(--space-sm);
	font-size: 3rem;
	line-height: 1.05;
	color: var(--color-heading);
}

.post-single__title {
	margin: 0 0 var(--space-sm);
	font-size: 3rem;
	line-height: 1.05;
	color: var(--color-heading);
}

.post-single__meta {
	margin: 0 0 var(--space-md);
	font-size: 0.95rem;
	color: var(--color-gray);
}

.post-single__content {
	color: var(--color-body);
	line-height: 1.8;
}

.post-single__content h2,
.post-single__content h3,
.post-single__content h4,
.post-single__content h5,
.post-single__content h6 {
	margin-top: var(--space-lg);
	margin-bottom: var(--space-sm);
}

.post-single__content p {
	margin: 0 0 var(--space-md);
}

.post-single__content img {
	max-width: 100%;
	height: auto;
}

@media (min-width: 768px) {
	.post-single__inner {
		padding: 0 var(--space-lg);
	}

	.post-single__title {
		font-size: clamp(3rem, 4vw, 4rem);
	}
}