@charset "UTF-8";

.sl-container {
	width: min(100% - (2 * var(--sl-page-gutter)), var(--sl-container-width));
	margin-inline: auto;
}

.sl-reading-width {
	width: min(100%, var(--sl-reading-width));
	margin-inline: auto;
}

.sl-section {
	padding-block: var(--sl-section-gap);
}

.sl-stack {
	display: flex;
	flex-direction: column;
	gap: var(--sl-stack-gap, var(--sl-space-5));
}

.sl-cluster {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sl-cluster-gap, var(--sl-space-3));
}

.sl-grid {
	display: grid;
	grid-template-columns: repeat(var(--sl-grid-columns, 3), minmax(0, 1fr));
	gap: var(--sl-grid-gap, var(--sl-space-6));
}