.home-feature-content {
	margin-top: 32px;
}

.home-feature-content.prose .mkdocs-card-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0;
}

@media (max-width: 64rem) {
	.home-feature-content.prose .mkdocs-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 40rem) {
	.home-feature-content.prose .mkdocs-card-grid {
		grid-template-columns: 1fr;
	}
}

body .sl-markdown-content .mkdocs-container.mkdocs-container:has(.kroki-diagram-mermaid) {
	--mkdocs-anim-filter: none !important;
	--mkdocs-anim-transform: none !important;
	filter: none !important;
	max-width: 100% !important;
	overflow: visible !important;
	padding-inline: clamp(0.5rem, 1vw, 0.875rem) !important;
	transform: none !important;
	transition: none !important;
	width: 100% !important;
}

body .sl-markdown-content .mkdocs-container.mkdocs-container:has(.kroki-diagram-mermaid) .mkdocs-container-inner {
	max-width: 100% !important;
	min-width: 0 !important;
	width: 100% !important;
}

body .sl-markdown-content .kroki-diagram-mermaid {
	--mkdocs-diagram-width: 100% !important;
	justify-content: center !important;
	margin-inline: auto !important;
	max-width: 100% !important;
	overflow: visible !important;
	width: 100% !important;
}

body .sl-markdown-content .kroki-diagram-mermaid svg[aria-roledescription="flowchart-v2"] {
	display: block !important;
	height: auto !important;
	max-height: min(76vh, 760px) !important;
	max-width: 100% !important;
	width: 100% !important;
}

body .sl-markdown-content .kroki-diagram-mermaid svg[aria-roledescription="quadrantChart"] {
	display: block !important;
	height: auto !important;
	max-height: min(76vh, 760px) !important;
	max-width: 100% !important;
	width: auto !important;
}