/**
 * Styling for the inline-editable core-block sections used inside the
 * pipeline_site single-page template (Power Strategy, etc.). These are core
 * blocks (group/heading/paragraph) bound to post meta via core/post-meta, so
 * their look lives here rather than in a block's own style.css.
 *
 * Loaded on the front end and in the editor (see terrawatt-blocks.php).
 */

/* ---- Pipeline: closing copy under the delivery timeline ----
   The paragraph is a plain core/paragraph in an alignwide group, so it would
   otherwise run the full 1360px track. Capped to the same measure the other
   body copy uses (pipeline-detail__body, text-single) so the line length stays
   readable. Targeted by position rather than a class so it needs no content
   migration. */
.wp-block-terrawatt-pipeline-timeline + .wp-block-group > p {
	max-width: 56rem;
}

/* ---- Power Strategy (stacked prose section) ---- */
.tw-power {
	padding-block: var(--wp--preset--spacing--80, 5rem);
}

.tw-power .tw-eyebrow {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--eyebrow);
	line-height: var(--wp--custom--line-height--eyebrow);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.075rem;
	margin: 0 0 var(--wp--custom--spacing--heading-margin);
}

.tw-power .tw-section-heading {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--heading-2);
	line-height: var(--wp--custom--line-height--heading-2);
	font-weight: 300;
	margin: 0 0 var(--wp--preset--spacing--30);
	max-width: 56rem;
}

.tw-power .tw-section-body {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--body);
	line-height: var(--wp--custom--line-height--body);
	font-weight: 400;
	margin: 0;
	max-width: 56rem;
	white-space: pre-line;
}