.wp-block-list {
	--zkbw-list-item-gap: 0;
}

.zkbw-list-block {
	display: flow-root;
}

.zkbw-list-intro {
	display: block;
	font-size: var(--wp--preset--font-size--zkbw-heading-2);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 3px;
	line-height: 1.25;
	text-transform: uppercase;
}

:root .zkbw-list-block > .wp-block-list {
	margin-block: 36px 0;
}

.zkbw-content-flow
	> p:not(.zkbw-cta-link):has(+ :is(.wp-block-list, .zkbw-list-block)) {
	margin-block-end: 0;
}

:root
	.zkbw-content-flow
	> p:not(.zkbw-cta-link)
	+ :is(.wp-block-list, .zkbw-list-block) {
	margin-block-start: 50px;
}

.wp-block-list > li {
	margin-block: 0;
}

ul.wp-block-list {
	--zkbw-list-marker-width: 1.25rem;
	--zkbw-list-marker-gap: 1.5625rem;
	list-style: none;
	padding-inline-start: 0;
}

ul.wp-block-list > li {
	padding-inline-start: calc(
		var(--zkbw-list-marker-width) + var(--zkbw-list-marker-gap)
	);
	position: relative;
}

ul.wp-block-list > li::before {
	content: '•';
	content: '•' / '';
	font-weight: 400;
	inline-size: var(--zkbw-list-marker-width);
	inset-block-start: 0;
	inset-inline-start: 0;
	position: absolute;
}

ul.wp-block-list.zkbw-list--tilde > li::before {
	content: '~';
	content: '~'/ '';
	font-size: 1em;
	font-weight: 300;
}

:root .wp-block-list > li + li {
	margin-block-start: var(--zkbw-list-item-gap);
}
