/* Optional reading layer. Disable its Customizer switch to restore the old CSS cascade. */
body.zap-article-reading {
	--zap-reading-serif: Georgia, "Times New Roman", serif;
	--zap-reading-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

/* Keep the existing centred column, left-aligned text, photograph and ZAP branding. */
body.zap-article-reading.single-post .hero-section .page-title {
	font-family: var(--zap-reading-sans);
	font-size: clamp(32px, 3.4vw, 44px);
	font-weight: 600;
	line-height: 1.18 !important;
	letter-spacing: -.025em;
}
body.zap-article-reading.single-post .hero-section .page-description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.55;
	font-weight: 400;
}

body.zap-article-reading.single-post .entry-content {
	font-family: var(--zap-reading-serif);
	font-size: 18px;
	line-height: 1.5;
	color: #242529;
}
body.zap-article-reading.single-post .entry-content :is(p, li, blockquote) {
	font-family: inherit;
	font-size: inherit;
	font-weight: 400;
	line-height: inherit;
	color: inherit;
}
body.zap-article-reading.single-post .entry-content strong {
	font-weight: 700;
}
body.zap-article-reading.single-post .entry-content :is(h2, h3, h4) {
	font-family: var(--zap-reading-sans);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -.015em;
}
body.zap-article-reading.single-post .entry-content h2 {
	font-size: 25px;
}
body.zap-article-reading.single-post .entry-content h3 {
	font-size: 22px;
}
/* The red bands are an editorial signature, not a decoration to remove. */
body.zap-article-reading.single-post .entry-content > h2.wp-block-heading {
	border-left: 3px solid var(--zap-home-red, #e30613);
	padding-left: 14px;
	margin-block: 40px 18px;
}
body.zap-article-reading.single-post .entry-content :is(.zap-article-keypoints, .zap-article-why, .zap-article-good-to-know) {
	border-left: 3px solid var(--zap-home-red, #e30613);
	padding: 22px 24px;
}
body.zap-article-reading.single-post .entry-content .zap-article-keypoints li {
	font-size: inherit;
	font-weight: 400;
	line-height: 1.55;
	margin-block: 10px;
}
body.zap-article-reading.single-post .entry-content .zap-article-keypoints li:first-child {
	margin-top: 0;
}
body.zap-article-reading.single-post .entry-content .zap-article-keypoints li:last-child {
	margin-bottom: 0;
}
body.zap-article-reading.single-post .entry-content :is(.zap-article-why, .zap-article-good-to-know) {
	background: #fff;
}
body.zap-article-reading.single-post .entry-content :is(.zap-article-why, .zap-article-good-to-know)::before {
	content: none;
	display: none;
}
body.zap-article-reading.single-post .entry-content :is(.zap-article-keypoints, .zap-article-why, .zap-article-good-to-know) :is(h2, h3, h4) {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 14px;
}
body.zap-article-reading.single-post .entry-content :is(.zap-article-why, .zap-article-good-to-know) :is(h2, h3, h4, p) {
	padding-left: 0;
}
body.zap-article-reading.single-post .entry-content :is(.zap-article-why, .zap-article-good-to-know) p + p {
	margin-top: 16px;
}

/* Small print, data tables and advertising remain sans-serif; no extra font download. */
body.zap-article-reading.single-post .entry-content figcaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5;
}
body.zap-article-reading.single-post .entry-content table {
	font-family: Arial, Helvetica, sans-serif;
}
body.zap-article-reading.single-post .entry-content .zap-article-ad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/* Existing AI disclosure only: readable small print, distinct from the 18px article body. */
body.zap-article-reading.single-post .entry-content p.zap-article-ai-notice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	font-weight: 400;
	color: #62646b;
}
body.zap-article-reading.single-post .entry-content p.zap-article-ai-notice a {
	color: inherit;
	font: inherit;
	text-decoration: underline;
	text-underline-offset: .15em;
}

@media (max-width: 760px) {
	body.zap-article-reading.single-post .hero-section .page-title {
		font-size: clamp(28px, 8.2vw, 32px) !important;
	}
	body.zap-article-reading.single-post .hero-section .page-description {
		font-size: 17px;
	}
	body.zap-article-reading.single-post .entry-content {
		font-size: 18px;
		line-height: 1.5;
	}
	body.zap-article-reading.single-post .entry-content h2 {
		font-size: 22px;
	}
	body.zap-article-reading.single-post .entry-content > h2.wp-block-heading {
		margin-block: 32px 16px;
		padding-left: 12px;
	}
	body.zap-article-reading.single-post .entry-content :is(.zap-article-keypoints, .zap-article-why, .zap-article-good-to-know) {
		padding: 18px 16px;
	}
	body.zap-article-reading.single-post .entry-content :is(.zap-article-keypoints, .zap-article-why, .zap-article-good-to-know) :is(h2, h3, h4) {
		font-size: 21px;
	}
}