.editorial-shell {
	inline-size: min(100%, var(--container-content));
}

.editorial-archive__header,
.editorial-article__header {
	max-inline-size: var(--container-editorial);
	margin-block-end: var(--space-10);
}

.editorial-archive__header h1,
.editorial-article__title {
	margin-block: 0 var(--space-4);
	font-size: var(--type-h1);
	line-height: var(--line-height-heading);
}

.editorial-archive__description,
.editorial-article__dek {
	max-inline-size: var(--container-reading);
	color: var(--color-text-secondary);
	font-size: var(--type-body-lg);
}

.editorial-list {
	display: grid;
	gap: var(--space-10);
}

.editorial-card {
	display: grid;
	gap: var(--space-6);
	padding-block-end: var(--space-10);
	border-block-end: var(--border-width) solid var(--color-border);
}

.editorial-card__media,
.editorial-card__title a {
	display: block;
}

.editorial-media {
	margin: 0;
	overflow: hidden;
	background: var(--color-bg-editorial);
}

.editorial-media__image {
	inline-size: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.editorial-article > .editorial-media .editorial-media__image {
	aspect-ratio: 16 / 9;
}

.editorial-card__title {
	margin-block: var(--space-3);
	font-size: var(--type-h3);
	line-height: var(--line-height-heading);
}

.entry-meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	align-items: center;
	color: var(--color-text-secondary);
	font-size: var(--type-meta);
}

.editorial-card__excerpt {
	max-inline-size: var(--container-reading);
}

.editorial-article__content {
	max-inline-size: var(--container-reading);
	margin-block: var(--space-10);
	margin-inline: auto;
	font-size: var(--type-body-lg);
	line-height: var(--line-height-reading);
}

.editorial-article__content > * + * {
	margin-block-start: var(--space-6);
}

.editorial-article__content :is(h2, h3) {
	margin-block-start: var(--space-12);
	line-height: var(--line-height-heading);
}

.editorial-source {
	max-inline-size: var(--container-reading);
	margin-block: var(--space-8);
	margin-inline: auto;
	padding: var(--space-4);
	border-inline-start: var(--border-width-emphasis) solid var(--color-border-strong);
	background: var(--color-bg-editorial);
}

.editorial-related {
	margin-block-start: var(--section-space);
}

.editorial-related__list {
	display: grid;
	gap: var(--grid-gap);
}

.editorial-empty {
	max-inline-size: var(--container-reading);
	padding-block: var(--space-12);
	border-block: var(--border-width) solid var(--color-border);
}

.navigation.pagination,
.post-navigation {
	margin-block-start: var(--space-12);
}

.nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
	justify-content: space-between;
}

.nav-links a {
	min-block-size: var(--target-min);
}

@media (min-width: 48rem) {
	.editorial-card {
		grid-template-columns: minmax(14rem, 0.8fr) minmax(0, 1.2fr);
		align-items: start;
	}

	.editorial-related__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.editorial-related .editorial-card {
		grid-template-columns: 1fr;
	}
}