/**
 * Article body typography for single post template.
 */

.acme-article-body {
	font-size: 1.125rem;
	line-height: 1.75;
	color: var(--color-on-surface-variant, #44474a);
}

.acme-article-body h2 {
	font-family: var(--font-display, 'DM Serif Display', serif);
	color: var(--color-primary-container, #181c1e);
	font-size: 1.75rem;
	font-weight: 600;
	letter-spacing: -0.01em;
	margin-top: 2.5rem;
	margin-bottom: 1rem;
	line-height: 1.2;
}

.acme-article-body h3 {
	font-family: var(--font-display, 'DM Serif Display', serif);
	color: var(--color-primary-container, #181c1e);
	font-size: 1.375rem;
	font-weight: 600;
	margin-top: 2rem;
	margin-bottom: 0.75rem;
	line-height: 1.3;
}

.acme-article-body p {
	margin-bottom: 1.25rem;
}

.acme-article-body a {
	color: var(--color-emergency-red, #c33025);
	font-weight: 600;
	text-decoration: none;
}
.acme-article-body a:hover {
	text-decoration: underline;
}

.acme-article-body strong {
	color: var(--color-primary-container, #181c1e);
	font-weight: 700;
}

.acme-article-body ul,
.acme-article-body ol {
	margin-bottom: 1.25rem;
	padding-left: 1.5rem;
}

.acme-article-body ul {
	list-style-type: disc;
}

.acme-article-body ol {
	list-style-type: decimal;
}

.acme-article-body li {
	margin-bottom: 0.5rem;
	color: var(--color-on-surface-variant, #44474a);
}

.acme-article-body blockquote {
	border-left: 4px solid var(--color-emergency-red, #c33025);
	padding-left: 1.25rem;
	margin: 1.5rem 0;
	font-style: italic;
	color: var(--color-on-surface-variant, #44474a);
}

@media (min-width: 48rem) {
	.acme-article-body h2 {
		font-size: 2rem;
	}
}