/* Mermaid diagram container */
.mermaid {
	display: flex;
	justify-content: center;
	overflow-x: auto;
	max-width: 100%;
	margin: 1rem 0;
}

/* Strip pre chrome so code.hljs covers it entirely with its own background */
.page-content pre:has(> code.hljs) {
	padding: 0;
	border: none;
}

.page-content pre > code.hljs {
	display: block;
	padding: 1rem 1.5rem;
	border-radius: 0.375rem;
	background: var(--hljs-bg);
}