/* Webbler Split Text – one text that flows into columns */

.wsx {
	--wsx-para: var(--wel-sp-para, 16px);
	--wsx-heading-space: 0px;

	column-count: 2;
	column-gap: 64px;
	column-fill: balance;
	color: #333;
	font-family: "FS Meridian", serif;
	font-size: 18px;
	line-height: 24px;
	orphans: 3;
	widows: 3;
}

.wsx > * {
	margin-top: 0;
	margin-bottom: var(--wsx-para);
}

.wsx > *:last-child {
	margin-bottom: 0;
}

/* Headings: real headings and lines that are only bold text. They never end
   a column on their own – they stay together with the text below. */
.wsx h2,
.wsx h3,
.wsx h4,
.wsx h5,
.wsx h6,
.wsx .wsx__h {
	margin-bottom: var(--wsx-heading-space);
	color: #163e35;
	break-after: avoid;
	break-inside: avoid;
}

.wsx h2,
.wsx h3,
.wsx h4,
.wsx h5,
.wsx h6,
.wsx .wsx__h {
	padding: 0;
	font-family: inherit;
	font-size: inherit;
	font-weight: 700;
	line-height: inherit;
}

.wsx .wsx__h strong,
.wsx .wsx__h b {
	font: inherit;
	color: inherit;
}

/* Keep each heading's first paragraph from being split away from it. */
.wsx h2 + *,
.wsx h3 + *,
.wsx h4 + *,
.wsx h5 + *,
.wsx h6 + *,
.wsx .wsx__h + * {
	break-before: avoid;
}

.wsx ul,
.wsx ol {
	padding-left: 1.2em;
}

.wsx li {
	break-inside: avoid;
}

.wsx img {
	max-width: 100%;
	height: auto;
	break-inside: avoid;
}

/* [break] → the next text starts in a new column */
.wsx .wsx__break {
	display: block;
	height: 0;
	margin: 0;
	break-after: column;
	-webkit-column-break-after: always;
}