/**
 * Pattern: Prose Section (patterns/prose-section.php)
 *
 * Left-flush reading column. Prose is left-aligned to the same
 * content edge as the H1 — not centered. The pattern's own group carries no inline
 * `contentSize`, so each direct child (h2, p, ul) is matched by WP core's
 * `.is-layout-constrained > *:not(.alignwide):not(.alignfull)` rule, which
 * caps it at the theme's default content size and centers it
 * (`margin-inline: auto`). Pin the reading measure and the left edge here
 * instead — the same `--kd-measure-reading` token and
 * `margin-inline: 0 auto !important` recipe already used in
 * news-article.css and single-kd-event.css to beat this
 * exact core rule.
 */
.kd-prose > * {
	max-width: var(--kd-measure-reading); /* reading column, ~1000px */
	margin-inline: 0 auto !important; /* left-flush; right side fills to the column edge */
}

/* ── Centred variant ──────────────────────────────────────────────────────────
   `.kd-prose > *` above is left-flush on purpose: an article column reads best
   ragged-right against a fixed left edge. But a prose section sitting under a
   CENTRED `.kd-section-header` inherits that left flush, and the result is a
   heading centred in the column with its content jammed against the left edge —
   two layout intents inside one visual section.

   Add `kd-prose--center` to the section to centre its children instead. The
   doubled class takes this to (0,2,0), above the base rule's (0,1,0), so it wins
   on specificity; `!important` is only here because the rule it overrides uses
   it to beat core's constrained-layout margins. */
.kd-prose.kd-prose--center > * {
	margin-inline: auto !important;
}

/* ── Prose headings keep the document scale ──────────────────────────────────
   Section headings default to the large display scale (theme.json h2). A prose
   block is the deliberate exception: a
   long legal/policy page runs many h2s as document sections inside running body
   copy — at display size they would read as page titles. One container rule
   replaces a page-by-page list.

   (0,1,1) beats theme.json's `:root :where(h2)` at (0,1,0) without !important. */
.kd-prose h2 {
	font-size: var(
		--kd-size-h2
	); /* 28px — the old xx-large default, i.e. the document-scale h2 token */
	line-height: 1.2;
}
