.single-header {
	padding: calc(var(--jai-space-4xl) + 2rem) 0 var(--jai-space-2xl);
	background: var(--jai-color-surface);
}

.single-header h1 {
	margin-top: var(--jai-space-md);
}

.single-header .breadcrumbs {
	color: var(--jai-color-muted);
}

.single-header .breadcrumbs a {
	color: var(--jai-color-primary);
}

.single-header__media {
	margin-top: var(--jai-space-2xl);
	border-radius: var(--jai-radius-xl);
	overflow: hidden;
	box-shadow: var(--jai-shadow-card);
}

.single-header__image {
	width: 100%;
	aspect-ratio: 16 / 8;
	object-fit: cover;
}

.single-content-wrap {
	padding-top: var(--jai-space-3xl);
}

.related-posts {
	background: var(--jai-color-surface);
}

.post-navigation-wrap {
	padding: var(--jai-space-2xl) 0 var(--jai-space-4xl);
}

.post-navigation .nav-links {
	display: grid;
	gap: var(--jai-space-md);
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
	padding: var(--jai-space-lg);
	border: 1px solid var(--jai-color-border);
	border-radius: var(--jai-radius-lg);
	background: var(--jai-color-white);
}

.post-navigation a {
	display: grid;
	gap: var(--jai-space-xs);
	text-decoration: none;
}

.nav-subtitle {
	color: var(--jai-color-muted);
	font-size: var(--jai-font-size-sm);
	font-weight: 760;
}

.nav-title {
	color: var(--jai-color-primary);
	font-weight: 820;
}

@media (min-width: 760px) {
	.post-navigation .nav-links {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.post-navigation .nav-next {
		text-align: right;
	}
}