/**
 * Keep seo-ai-post block styles intact inside dent article shell.
 */

.single-arcticle__content {
	max-width: 920px;
}

/* AI often repeats the post title as the first H1 in content. */
.single-arcticle__content > h1:first-child,
.single-arcticle__content > h1.wp-block-heading:first-of-type,
.single-arcticle__content > .wp-block-heading:first-child {
	display: none;
}

.single-arcticle__content .sa-article-block,
.single-arcticle__content .sa-article-block * {
	box-sizing: border-box;
}

.single-arcticle__content .sa-article-block h2.sa-article-block__title {
	font-family: "Bebas Neue", "Arial Narrow", sans-serif;
	font-size: 48px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1;
	margin: 0 0 32px;
	text-transform: none;
}

.single-arcticle__content .sa-article-block h3,
.single-arcticle__content .sa-article-block h4 {
	font-family: "Fira Sans", system-ui, sans-serif;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.4;
	margin: 0 0 16px;
	text-transform: none;
}

.single-arcticle__content .sa-article-block h3 {
	font-size: 24px;
}

.single-arcticle__content .sa-article-block h4 {
	font-size: 20px;
}

.single-arcticle__content .sa-article-block p {
	font-family: "Fira Sans", system-ui, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.56;
	margin: 0 0 1em;
}

.single-arcticle__content .sa-article-block ul,
.single-arcticle__content .sa-article-block ol {
	margin: 0 0 1em;
	padding-left: 1.2em;
}

.single-arcticle__content .sa-table-wrap {
	margin-bottom: 24px;
}

.single-arcticle__content .sa-table {
	display: table;
	width: 100%;
}

.single-arcticle__content .sa-month-grid__grid {
	display: grid;
}

.single-arcticle__content .sa-stat-cards__row,
.single-arcticle__content .sa-two-columns__cols,
.single-arcticle__content .sa-feature-grid__cards {
	display: grid;
}

.single-arcticle__content .sa-expert-tip,
.single-arcticle__content .sa-warning-list {
	display: block;
}

.single-content .container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

@media (min-width: 1200px) {
	.single-content .container {
		max-width: 1170px;
	}
}