/* article-body — Figma 243:820: the article text in the site column (1375px).
   Tokens only (R8), logical props (R9), no heights (R1/R4).

   In Figma the whole article is ONE text box: trimmed at its top and bottom
   only, paragraphs follow each other with no gap, and an empty line stands
   before every heading. So: no trim between the blocks, trim the outer edges,
   and give the block before a heading one of its own lines of space. */

.article-body {
	padding-block: var(--space-14) var(--space-title-after); /* Figma: 57px under the band, 72px above the footer */
}

/* An article with no text yet: keep the title band off the footer's bar. */
.article__inner:not(:has(.article-body)) {
	padding-block-end: var(--space-fluid-xl);
}

.article-body__content {
	font-size: var(--fs-400); /* "טקסט רץ" Light 32 */
}

.article-body__content > * {
	text-box: normal; /* inner blocks keep their full line boxes (one text box in Figma) */
}

.article-body__content > :first-child {
	text-box: trim-start cap alphabetic;
}

.article-body__content > :last-child {
	text-box: trim-end cap alphabetic;
}

/* The empty line before each heading: one line of the block before it (a
   paragraph's line, or the section heading's line above a sub-heading). */
.article-body__content > :has(+ h2, + h3) {
	margin-block-end: 1lh;
}

.article-body__content h2 {
	font-size: var(--fs-600); /* "כותרות משנה" Regular 40 */
	font-weight: var(--fw-regular);
}

.article-body__content h3 {
	font-size: var(--fs-400);
	font-weight: var(--fw-medium); /* Medium 32 — process steps, Q&A questions */
}

/* ---- What an editor can add beyond the design (lists, links, emphasis, images) ---- */

.article-body__content a {
	color: inherit;
	text-decoration: underline;
	text-underline-position: from-font;
}

.article-body__content strong,
.article-body__content b {
	font-weight: var(--fw-medium);
}

.article-body__content ul,
.article-body__content ol {
	padding-inline-start: 1.2em; /* lint-ok: marker room, relative to the text */
}

.article-body__content > :is(figure, .wp-block-image) {
	margin-block: 1lh;
}

.article-body__content img {
	max-inline-size: 100%;
	block-size: auto;
	border-radius: var(--radius-md);
}