/* Code blocks */
.docs-markdown .docs-code-shell {
	position: relative;
	margin: 1.2em 0;
	background: var(--docs-code-bg);
	border: 1px solid var(--docs-border);
	border-radius: var(--docs-radius-md);
	overflow: hidden;
}

.docs-markdown pre {
	margin: 0;
	padding: 16px;
	overflow-x: auto;
	background: transparent;
}

.docs-code-lang {
	display: inline-block;
	padding: 2px 10px;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--docs-muted);
	border-bottom: 1px solid var(--docs-border);
	background: color-mix(in srgb, var(--docs-bg) 8%, transparent);
}

.docs-code-copy {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	font-size: 0.75rem;
	border: 1px solid var(--docs-border);
	border-radius: 6px;
	background: var(--docs-surface);
	color: var(--docs-muted);
	cursor: pointer;
	opacity: 0;
	transition: opacity var(--docs-transition);
}

.docs-code-shell:hover .docs-code-copy {
	opacity: 1;
}

.docs-code-copy.is-copied {
	opacity: 1;
	color: var(--docs-success);
	border-color: var(--docs-success);
}

/* Prism-like token defaults kept minimal; highlight libs add their own. */
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata { color: #6a737d; }
.token.punctuation { color: #6a737d; }
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted { color: #d73a49; }
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted { color: #22863a; }
.token.operator,
.token.entity,
.token.url { color: #005cc5; }
.token.atrule,
.token.attr-value,
.token.keyword { color: #d73a49; }
.token.function,
.token.class-name { color: #6f42c1; }
.token.regex,
.token.important,
.token.variable { color: #e36209; }

[data-theme="dark"] .token.comment,
[data-theme="dark"] .token.punctuation { color: #8b949e; }
[data-theme="dark"] .token.function,
[data-theme="dark"] .token.class-name { color: #d2a8ff; }
[data-theme="dark"] .token.selector,
[data-theme="dark"] .token.attr-name,
[data-theme="dark"] .token.string { color: #7ee787; }
[data-theme="dark"] .token.atrule,
[data-theme="dark"] .token.attr-value,
[data-theme="dark"] .token.keyword { color: #ff7b72; }
[data-theme="dark"] .token.operator,
[data-theme="dark"] .token.entity,
[data-theme="dark"] .token.url { color: #79c0ff; }
[data-theme="dark"] .token.property { color: #79c0ff; }