/* Elson 1.9.6: project posts (single posts) below 992px.
   Standard mobile body-text side inset from the Oct 20-21 rollout: 5% of the screen ("Full-row text gets 5% side margins",
   mobile-audit/style_guide_mobile.md; engine.py text_resize adds margin-left/right:5%), 19.5px at 390px.
   Cause of the extra inset: the paragraph's own 5% (proj-copy.css) is the same value, but it sat inside the desktop layout:
   row Design Options margin 15% (e.g. .vc_custom_1775835709273 / 1775836036895 / 1775836362357 / 1775837994180, 58.5px),
   column-gap-35 column padding 17.5px (or vc_column-inner 7.5px), and the copy block's margin-right 20px (e.g. .vc_custom_1784235382560),
   so copy started at 87px from the left and 107px from the right. Below 992px the outer text rows now run edge to edge and every
   text block sits exactly 5% from the screen edge. Rows with a background (hero banner, grey details box) are not touched. */
@media (max-width: 991px) {
	body.single-post .vc_section > .vc_row:not(.vc_row-has-fill) {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	body.single-post .vc_section > .vc_row:not(.vc_row-has-fill) > .wpb_column,
	body.single-post .vc_section > .vc_row:not(.vc_row-has-fill) > .wpb_column > .vc_column-inner {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	body.single-post .vc_section > .vc_row:not(.vc_row-has-fill) .wpb_text_column,
	body.single-post .vc_section > .vc_row:not(.vc_row-has-fill) .vc_custom_heading {
		margin-left: 5vw !important;
		margin-right: 5vw !important;
	}
	body.single-post .vc_section > .vc_row:not(.vc_row-has-fill) .wpb_text_column .wpb_wrapper > p,
	body.single-post .vc_section > .vc_row:not(.vc_row-has-fill) .wpb_text_column .wpb_wrapper > h1,
	body.single-post .vc_section > .vc_row:not(.vc_row-has-fill) .wpb_text_column .wpb_wrapper > h2,
	body.single-post .vc_section > .vc_row:not(.vc_row-has-fill) .wpb_text_column .wpb_wrapper > h3,
	body.single-post .vc_section > .vc_row:not(.vc_row-has-fill) .wpb_text_column .wpb_wrapper > h4,
	body.single-post .vc_section > .vc_row:not(.vc_row-has-fill) .wpb_text_column .wpb_wrapper > ul,
	body.single-post .wpb_text_column.esap-proj-copy p {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	/* About 20px more space below the copy, above the PROJECT TYPE / LOCATION / YEAR box (.esap-pd from proj-details.js;
	   :has() covers browsers before the JS runs). */
	body.single-post section.project-post .vc_row.vc_row-has-fill.esap-pd,
	body.single-post section.project-post .vc_row.vc_row-has-fill:has(> .wpb_column .vc_inner p.bodyText) {
		margin-top: 20px !important;
	}
}