/* The written pages' title.
 *
 * Bold and uppercase, so the page's name reads as its name and not as another
 * section label — the section headings beside it are the same Elementor widget
 * with the same class, which is why the title is marked in PHP
 * (bk_info_page_title_class) rather than picked out with :first-of-type.
 *
 * Size and colour are left to the page's own typography: this only changes the
 * two things asked for, so a restyle in Elementor still carries.
 */
.bk-page-title {
	font-weight: 700;
	text-transform: uppercase;
}

/* The written pages' copy rhythm.
 *
 * FEEDBACK item 48, and item 8 which is the same complaint on Concept:
 * *"akapity i paragrafy maja jakies reguly? Bo tu nie ma odstepow np."*
 * Measured on the rendered terms page, the honest answer was no. Every element
 * in the body is a <p> at 10px with the same 15px bottom margin, so the gap
 * before "3. Technology Platform" — a sub-heading — is the gap between any two
 * sentences, and the sections run together.
 *
 * Her copy already carries its structure: a sub-heading is a paragraph holding
 * nothing but a <strong>, and her bullets are hyphen-prefixed lines separated
 * by <br> inside one paragraph. So nothing here rewrites the content — it only
 * gives those two shapes room.
 *
 * ⚠️ `:has()` is doing the selecting, because a sub-heading is distinguishable
 * only by what it CONTAINS. Where it is unsupported the paragraph simply keeps
 * today's spacing, which is legible rather than broken.
 */
.elementor-widget-text-editor p {
	/* 1.5 packed the hyphen-bulleted runs into a solid block; the list lines
	   are <br>-separated, so line-height is the only thing that separates them. */
	line-height: 1.8;
}

.elementor-widget-text-editor p:has(> strong:only-child) {
	margin-top: 32px;
}

/* ...but not when it opens the section — the heading above it already spaced it. */
.elementor-widget-text-editor p:has(> strong:only-child):first-child {
	margin-top: 0;
}

@media (max-width: 767px) {
	.elementor-widget-text-editor p:has(> strong:only-child) {
		margin-top: 24px;
	}
}