.site-shell,
.archive-shell,
.single-shell,
.page-shell,
.error-shell,
.section__inner,
.site-header__inner,
.site-footer__inner {
	width: min(100% - (var(--space-20) * 2), var(--container-wide));
	margin: 0 auto;
}

.section {
	padding-block: var(--space-section);
}

.section--tight {
	padding-block: var(--space-section-tight);
}

.section--feature {
	padding-block: clamp(var(--space-40), 6vw, var(--space-80));
}

.section__inner {
	width: min(100% - (var(--space-20) * 2), var(--container-content));
}

.archive-shell,
.page-shell,
.error-shell {
	padding-block: var(--space-40) var(--space-section);
}

.single-shell {
	padding-bottom: var(--space-section);
}

.single-shell .section__inner {
	width: min(100% - (var(--space-20) * 2), var(--container-content));
}

.post-grid {
	display: grid;
	gap: var(--space-30);
}

.cluster {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-10);
}

.archive-layout,
.search-layout,
.hero-section__layout,
.site-footer__layout {
	display: grid;
	gap: var(--space-30);
}

.hero-section__lead,
.hero-section__support,
.content-intro__header,
.article-header__lede,
.site-footer__layout > * {
	min-width: 0;
}

.content-intro__header,
.article-header__lede {
	display: grid;
	gap: var(--space-20);
}

.content-intro__header {
	max-width: var(--container-feature);
}

.archive-intro--full .content-intro__header {
	max-width: none;
}

.single-shell__content,
.entry-content {
	width: min(100%, var(--container-reading));
	margin: 0 auto;
}

.single-featured-image {
	margin-inline: auto;
	width: min(100%, var(--container-content));
}

.single-featured-image img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.site-header__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: var(--space-15);
	padding-block: var(--space-20);
}

.site-header__mobile-search {
	justify-self: center;
}

.site-footer__inner {
	padding-block: var(--space-50);
}

.entry-content > p {
	max-width: 40rem;
}

@media (min-width: 50.625rem) {
	.site-shell,
	.archive-shell,
	.single-shell,
	.page-shell,
	.error-shell,
	.section__inner,
	.site-header__inner,
	.site-footer__inner {
		width: min(100% - (var(--space-30) * 2), var(--container-wide));
	}

	.post-grid--two {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.post-grid--three {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.post-grid--archive-lead {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.post-grid--archive-lead > *:first-child {
		grid-column: 1 / span 2;
	}

	.hero-section__layout {
		grid-template-columns: minmax(0, 1.52fr) minmax(18rem, 1.08fr);
		align-items: start;
	}

	.site-footer__layout {
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
	}

	.archive-layout,
	.search-layout {
		gap: var(--space-40);
	}

}

@media (min-width: 75rem) {
	.site-header__inner {
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		align-items: center;
	}

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

	.post-grid--archive-lead {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.post-grid--archive-lead > *:first-child {
		grid-column: 1 / span 3;
	}

	.hero-section__layout {
		grid-template-columns: minmax(0, 1.72fr) minmax(19rem, 0.93fr);
		gap: var(--space-40);
	}

	.site-footer__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--space-30);
	}
}