/**
 * Mobile refinements for standard blog post pages.
 * Scoped to single_blog_post so pages and custom post types stay unchanged.
 */
@media (max-width: 689.98px) {
	body.single-post {
		/* About 12px outer gutter on a 390px viewport. */
		--theme-container-edge-spacing: 94vw;
	}

	body.single-post [data-prefix="single_blog_post"] .entry-header .page-title {
		--theme-font-size: clamp(1.5rem, 6.8vw, 1.75rem);
		--theme-line-height: 1.28;
		letter-spacing: -0.02em;
	}

	body.single-post [data-prefix="single_blog_post"] .hero-section[data-type="type-2"] {
		--min-height: 260px;
		--container-padding: 34px 0;
	}

	body.single-post
		[data-prefix="single_blog_post"]
		[class*="ct-container"]
		> article[class*="post"] {
		/* Combined with the outer gutter, content sits about 24px from the screen. */
		--theme-boxed-content-spacing: 12px;
	}

	body.single-post [data-prefix="single_blog_post"] .entry-content {
		--theme-content-spacing: 1.25em;
	}

	body.single-post [data-prefix="single_blog_post"] .entry-content h2 {
		--theme-font-size: clamp(1.35rem, 6.1vw, 1.58rem);
		--theme-line-height: 1.3;
		letter-spacing: -0.018em;
		font-size: 24px!important;
	}

	body.single-post [data-prefix="single_blog_post"] .entry-content h3 {
		--theme-font-size: clamp(1.18rem, 5.3vw, 1.38rem);
		--theme-line-height: 1.35;
		letter-spacing: -0.012em;
	}

	body.single-post [data-prefix="single_blog_post"] .entry-content h4 {
		--theme-font-size: clamp(1.06rem, 4.8vw, 1.2rem);
		--theme-line-height: 1.4;
	}

	body.single-post [data-prefix="single_blog_post"] .entry-content h5 {
		--theme-font-size: 1rem;
		--theme-line-height: 1.45;
	}

	body.single-post [data-prefix="single_blog_post"] .entry-content h6 {
		--theme-font-size: 0.92rem;
		--theme-line-height: 1.45;
	}

	body.single-post [data-prefix="single_blog_post"] .ct-related-posts .related-entry-title {
		--theme-font-size: 0.95rem;
		--theme-line-height: 1.35;
	}
}