.article-template__inner {
	max-width: var(--container-secondary-width);
	margin: 0 auto;
	padding: 4rem 1.5rem 5rem;
}

body.single-post .article-banner__overlay {
	background: rgba(31, 31, 31, 0.55);
}

.article-template__content {
	padding: 2rem;
	background: var(--color-text-light);
	border: 1px solid var(--color-border);
	border-radius: 16px;
	box-shadow: 0 20px 60px rgba(31, 31, 31, 0.06);
}

.article-template__content > * + * {
	margin-top: 1.5rem;
}

.article-template__content h2,
.article-template__content h3,
.article-template__content h4,
.article-template__content h5,
.article-template__content h6 {
	color: var(--color-primary);
	line-height: 1.2;
}

.article-banner .banner-title {
	font-size: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
	text-align: center;
}

.article-template__content p,
.article-template__content li {
	color: var(--color-text);
	line-height: 1.8;
}

.article-template__content ul,
.article-template__content ol {
	padding-left: 1.25rem;
}

.article-template__content a {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.article-template__content img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 12px;
}

.article-template__content .wp-block-image,
.article-template__content .wp-block-embed,
.article-template__content figure {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

@media (max-width: 767px) {
	.article-template__inner {
		padding: 2.5rem 1rem 3rem;
	}

	.article-template__content {
		padding: 1.25rem;
		border-radius: 12px;
	}
}