/*
 * Front-end styles for the sample content block. `__PREFIX__` is replaced with the neutral
 * class prefix (default `zd`) when the file is published; logical properties only.
 */
.__PREFIX__-fx {
	margin-block: 1.5rem;
	padding-block: 1rem;
	padding-inline: 1.25rem;
	border-inline-start: 4px solid currentcolor;
}

.__PREFIX__-fx--accent {
	background-color: rgba(0, 0, 0, 0.04);
}

.__PREFIX__-fx__title {
	margin-block: 0 0.5rem;
}

.__PREFIX__-fx__body {
	margin-block: 0;
}

.__PREFIX__-ls__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.__PREFIX__-ls__item--current a {
	font-weight: 700;
	text-decoration: none;
}