/* Per-block shim: inline <code> styling (theme.json schema gap) */
:where(code:not(pre code)) {
	background-color: var(--wp--preset--color--surface-2);
	color: inherit;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.9em;
	border-radius: var(--wp--preset--border-radius--s);
	padding-inline: 0.25em;
}

/* Code blocks */
.wp-block-code {
	background-color: var(--wp--preset--color--surface-2);
	background-clip: padding-box;
	border: var(--wp--custom--border--width--thin) solid
		var(--wp--preset--color--border-subtle);
	border-radius: var(--wp--preset--border-radius--m);
	padding: var(--wp--preset--spacing--medium);
	/* Scroll long code lines within the block. */
	overflow-x: auto;
}

.wp-block-code code {
	display: block;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--s);
	line-height: 1.6;
	color: var(--wp--preset--color--text-1);
	background: none;
	padding: 0;
	white-space: pre;
}