/*
 * Blog typography and headline.
 *
 * The logik theme prints no headline on an article at all, so it has no style for
 * one either: the injected H1 fell back to the theme's global heading scale and
 * rendered at 67px. That same scale gives an in-article H2 50px with no margin
 * above or below it, which is built for a landing-page section, not for prose.
 * Scoped to a single post so the listing and every Elementor page are untouched.
 */

.single .logik-blog-detail > h1.entry-title {
	font-size: 2.4rem;
	line-height: 1.35;
	margin: 0 0 .45em;
}

.single .logik-blog-detail h2 {
	font-size: 1.7rem;
	line-height: 1.4;
	margin: 1.8em 0 .55em;
}

.single .logik-blog-detail h3 {
	font-size: 1.3rem;
	line-height: 1.45;
	margin: 1.5em 0 .5em;
}

.single .logik-blog-detail ul,
.single .logik-blog-detail ol {
	margin: 0 0 1.2em;
	padding-inline-start: 1.4em;
}

.single .logik-blog-detail li {
	margin-bottom: .4em;
}

@media (max-width: 767px) {
	.single .logik-blog-detail > h1.entry-title {
		font-size: 1.75rem;
	}

	.single .logik-blog-detail h2 {
		font-size: 1.4rem;
	}

	.single .logik-blog-detail h3 {
		font-size: 1.2rem;
	}
}