.scroll-to-section {
    scroll-margin-top: 4rem; /* Adjust based on your header height */
}

.md-scroll-to-section {
    scroll-margin-top: 8rem; /* Adjust based on your header height */
}

.prose pre.mermaid {
	display: block; /* block */
	margin-top: 1rem; /* my-4 */
	margin-bottom: 1rem; /* my-4 */
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* font-mono */
	font-size: 0.875rem; /* text-sm */
	line-height: 1.25rem; /* text-sm */
	overflow-x: hidden; /* overflow-x-hidden */
	background-color: rgb(255 255 255); /* bg-white */
}

.prose pre:not(.mermaid) {
	display: block; /* block */
	margin-top: 1rem; /* my-4 */
	margin-bottom: 1rem; /* my-4 */
	padding: 1rem; /* p-4 */
	border-radius: 0.375rem; /* rounded-md */
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* font-mono */
	font-size: 0.875rem; /* text-sm */
	line-height: 1.25rem; /* text-sm */
	box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); /* shadow-md */
	overflow-x: hidden; /* overflow-x-hidden */
	background-color: rgb(255 255 255); /* bg-white */
}