.archive-intro {
	display: grid;
	gap: var(--space-4);
	margin-bottom: var(--space-12);
}

.archive-intro__title,
.entry-title,
.not-found__title {
	font-size: 2.75rem;
}

.archive-intro__description,
.entry-content,
.not-found__text,
.empty-state__text {
	color: var(--color-text-muted);
}

.entry {
	display: grid;
	gap: var(--space-8);
}

.entry-media {
	overflow: hidden;
	border-radius: var(--radius-md);
}

.entry-media img {
	width: 100%;
	height: auto;
}

.entry-content > * + * {
	margin-top: var(--space-5);
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
	margin-top: var(--space-8);
	font-size: 1.6rem;
}

.entry-content ul,
.entry-content ol {
	padding-left: 1.25rem;
}

.entry-content blockquote {
	padding-left: var(--space-5);
	border-left: 1px solid var(--color-primary);
	color: var(--color-white);
}

.entry-content a {
	color: var(--color-primary);
}

.entry-content img {
	border-radius: var(--radius-md);
}

.entry-card {
	min-height: 100%;
}

.entry-card__link {
	display: grid;
	min-height: 100%;
}

.entry-card__media {
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.entry-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.entry-card__body {
	display: grid;
	gap: var(--space-4);
	padding: var(--space-6);
}

.entry-card__title {
	font-size: 1.5rem;
}

.entry-card__excerpt {
	color: var(--color-text-muted);
}

.empty-state,
.not-found {
	padding: var(--space-20) 0;
}

.empty-state {
	padding: var(--space-10);
}

.empty-state__title {
	font-family: var(--font-headline);
	font-size: 1.8rem;
	text-transform: uppercase;
}

.not-found__text {
	margin: var(--space-5) 0 var(--space-8);
	max-width: 36rem;
}

@media (min-width: 48rem) {
	.archive-intro__title,
	.entry-title,
	.not-found__title {
		font-size: 4.5rem;
	}
}