/* =============================================================================
   ECR — single articles (client feedback, September 2026)
   "the text is very spread to read. Reduce space lign and paragraph space.
    Make text block narrower (make bigger margins ???) the text lines are too
    long."
   Measured before: an 18px body at 32px line-height (1.78) with 27px between
   paragraphs, in a 1000px column — about 125 characters a line at 1440.
   After: a 720px reading column (~80 characters), 1.6 line-height, 16px
   between paragraphs. Only the article column changes: the header image, the
   "Related" boxes' width, the next-article band and the related posts keep
   theirs. See inc/news/articles.php.
   ========================================================================== */

.single-post .post-area .post-content {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.single-post .post-area .post-content p,
.single-post .post-area .post-content li {
	line-height: 1.6;
}

.single-post .post-area .post-content p {
	padding-bottom: 16px;
}

@media only screen and (max-width: 690px) {
	.single-post .post-area .post-content p,
	.single-post .post-area .post-content li {
		line-height: 1.55;
	}
}

/* The source's subtitle line (inc/news/articles.php, ecr_articles_subtitle). */
.single-post .post-area .post-content p.ecr-article__subtitle {
	margin: 0 0 8px;
	padding-bottom: 8px;
	color: var(--ecr-primary, #1866A5);
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.35;
}

/* -----------------------------------------------------------------------------
   The post header under the transparent header (10 November 2026).
   The year pill, the title and the date sat under the navbar: Salient centres
   them in a 550px band with a top offset of the navigation row alone (113px,
   nectar/helpers/dynamic-styles.php), while the header above is 254px at 1440
   (top bar + the "Bringing back common sense" band + navigation). Now the band
   grows with the title and its content starts below the whole header
   (--ecr-header-h, css/header-strip.css), at the top spacing of the other
   pages (--ecr-section-top: 24 / 20 / 16px). Minus 5px: the pill's own top
   margin. Only this header style, only on single posts.
   -------------------------------------------------------------------------- */

body.single-post {
	--ecr-post-top: 24px;
	--ecr-post-bottom: 48px;
}

body.single-post #page-header-wrap {
	height: auto !important;
}

body.single-post #page-header-bg[data-post-hs="default_minimal"] {
	height: auto !important;
	box-sizing: border-box;
	padding-top: calc(var(--ecr-header-h, 254px) + var(--ecr-post-top) - 5px) !important;
	padding-bottom: var(--ecr-post-bottom) !important;
}

body.single-post #page-header-bg[data-post-hs="default_minimal"] .span_6 {
	top: 0 !important;
	transform: none !important;
}

body.single-post #page-header-bg[data-post-hs="default_minimal"] .span_6 .inner-wrap {
	padding-top: 0 !important;
}

/* Never shorter than the band Salient draws today. */
@media only screen and (min-width: 1001px) {
	body.single-post #page-header-bg[data-post-hs="default_minimal"] {
		min-height: 550px;
	}

	body.single-post #page-header-bg[data-post-hs="default_minimal"] > .container,
	body.single-post #page-header-bg[data-post-hs="default_minimal"] > .container > .row {
		height: auto !important;
	}
}

@media only screen and (max-width: 1000px) {
	body.single-post {
		--ecr-post-top: 20px;
		--ecr-post-bottom: 40px;
	}
}

@media only screen and (max-width: 690px) {
	body.single-post {
		--ecr-post-top: 16px;
		--ecr-post-bottom: 32px;
	}
}