.blog-article__header {
	padding-top: var(--space-4);
}

.blog-article__intro {
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
	padding-bottom: var(--space-5);
	text-align: center;
}

.blog-article__category {
	margin: 0;
	font-size: 0.6875rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--color-muted-2);
}

.blog-article__title {
	margin: 0;
	font-size: clamp(1.625rem, 4vw, 2.5rem);
	font-weight: 700;
	line-height: 1.2;
	color: var(--color-text);
}

.blog-article__deck {
	margin: 0;
	font-size: 1.125rem;
	line-height: 1.6;
	color: var(--color-muted);
}

.blog-article__meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-2);
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.4;
	color: var(--color-muted-2);
}

.blog-article__meta-item + .blog-article__meta-item::before {
	content: "•";
	margin-right: var(--space-2);
}

.blog-article__intro::after {
	content: "";
	align-self: center;
	width: 2.5rem;
	height: 1px;
	background: var(--color-text);
}

.blog-article__media {
	margin-bottom: var(--section-space);
}

.blog-article__image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	border-radius: 0.75rem;
}

.blog-article .text-block__body {
	font-size: 1.0625rem;
	line-height: 1.7;
}

.blog-article .text-block__body h1,
.blog-article .text-block__body h2,
.blog-article .text-and-image__body h1,
.blog-article .text-and-image__body h2 {
	margin: var(--space-6) 0 var(--space-3);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--color-text);
}

.blog-article .text-block__body h3,
.blog-article .text-and-image__body h3 {
	margin: var(--space-5) 0 var(--space-2);
	font-size: 1.1875rem;
	font-weight: 700;
	line-height: 1.4;
	color: var(--color-text);
}

.blog-article .text-block__body h4,
.blog-article .text-and-image__body h4 {
	margin: var(--space-4) 0 var(--space-2);
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.45;
	color: var(--color-text);
}

.blog-article .text-block__body h1:first-child,
.blog-article .text-block__body h2:first-child,
.blog-article .text-block__body h3:first-child,
.blog-article .text-block__body h4:first-child,
.blog-article .text-and-image__body h1:first-child,
.blog-article .text-and-image__body h2:first-child,
.blog-article .text-and-image__body h3:first-child,
.blog-article .text-and-image__body h4:first-child {
	margin-top: 0;
}

.blog-article .text-block__body ul,
.blog-article .text-block__body ol {
	margin: 0 0 1.25em;
	padding-left: 1.375rem;
}

.blog-article .text-block__body li {
	margin-bottom: 0.5em;
}

.blog-article .text-block__body li:last-child {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.blog-article__header {
		padding-top: var(--space-5);
	}

	.blog-article__intro {
		gap: var(--space-4);
		padding-bottom: var(--space-6);
	}
}