/* Code & Pre blocks */
pre,
code {
	font-family: var(--font-mono);
	font-size: var(--font-md);
}

code {
	background: color-mix(in srgb, var(--bg-tertiary) 85%, black);
	padding: 2px 6px;
	border-radius: var(--radius-sm);
	border: 1px solid color-mix(in srgb, var(--border-color) 40%, transparent);
	word-break: break-all;
}

pre {
	background: var(--bg-secondary);
	padding: var(--space-3);
	border-radius: var(--radius-lg);
	overflow-x: auto;
	overscroll-behavior-x: contain;
	margin: var(--space-3) 0;
	position: relative;
	box-shadow: var(--shadow-panel);
	transition: box-shadow var(--duration-slow) ease;
}

pre:hover {
	box-shadow: var(--shadow-panel), var(--glow-cyan-subtle);
}

pre code {
	padding: 0;
	background: none;
	border: none;
}