.devnook-entry-content pre,
.devnook-entry-content .wp-block-code pre,
.devnook-entry-content .wp-block-preformatted {
	position: relative;
	padding: 1.1rem 1.15rem;
	background:
		linear-gradient(180deg, rgba(37, 99, 235, 0.08), rgba(15, 23, 42, 0.03)),
		#0f172a;
	color: #dbeafe;
	border: 1px solid rgba(148, 163, 184, 0.16);
	border-radius: 16px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
	overflow-x: auto;
	overflow-y: hidden;
	tab-size: 2;
	line-height: 1.7;
	scrollbar-width: thin;
}

.devnook-entry-content pre code,
.devnook-entry-content .wp-block-code code,
.devnook-entry-content .wp-block-preformatted code {
	display: block;
	min-width: max-content;
	color: inherit;
	white-space: pre;
	word-break: normal;
}

.devnook-entry-content pre[class*="language-"],
.devnook-entry-content code[class*="language-"],
.devnook-entry-content [class*="language-"] {
	font-family: "JetBrains Mono", "SFMono-Regular", monospace;
}

.devnook-entry-content .wp-block-code,
.devnook-entry-content .wp-block-preformatted {
	margin: 1.5rem 0;
}

.devnook-entry-content .wp-block-preformatted {
	padding: 0;
	background: transparent;
}

.devnook-entry-content pre::-webkit-scrollbar {
	height: 10px;
}

.devnook-entry-content pre::-webkit-scrollbar-thumb {
	background: rgba(191, 219, 254, 0.24);
	border-radius: 999px;
}

.devnook-entry-content code {
	font-variant-ligatures: none;
}

.devnook-entry-content pre code .token.comment,
.devnook-entry-content code .token.comment {
	color: #94a3b8;
}

.devnook-entry-content pre code .token.keyword,
.devnook-entry-content code .token.keyword {
	color: #93c5fd;
}

.devnook-entry-content pre code .token.string,
.devnook-entry-content code .token.string {
	color: #86efac;
}

.devnook-entry-content pre code .token.function,
.devnook-entry-content code .token.function {
	color: #f9a8d4;
}

.devnook-entry-content pre code .token.number,
.devnook-entry-content code .token.number {
	color: #fcd34d;
}

.devnook-entry-content pre code .token.operator,
.devnook-entry-content code .token.operator {
	color: #c4b5fd;
}

.devnook-entry-content pre code .token.property,
.devnook-entry-content code .token.property {
	color: #7dd3fc;
}

.devnook-entry-content kbd {
	display: inline-flex;
	align-items: center;
	padding: 0.15rem 0.4rem;
	background: #fff;
	border: 1px solid rgba(21, 27, 45, 0.15);
	border-radius: 0.45rem;
	box-shadow: 0 2px 0 rgba(21, 27, 45, 0.08);
	color: var(--devnook-text);
	font-size: 0.85em;
}

@media (max-width: 781px) {
	.devnook-entry-content pre,
	.devnook-entry-content .wp-block-code pre,
	.devnook-entry-content .wp-block-preformatted {
		padding: 0.95rem;
		border-radius: 14px;
		font-size: 0.88rem;
	}
}
