.code-block-wrap {
  position: relative;
  margin: 8px 0;
  min-width: 0;
}

.code-block-wrap pre {
  margin: 0;
}

.code-copy-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  font-family: var(--mono);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 4px 8px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border);
  background: var(--chrome);
  color: var(--text-muted);
  cursor: pointer;
}

.code-copy-btn:hover {
  color: var(--text);
  border-color: var(--text-muted);
}

.code-block-wrap pre.code-highlighted {
  padding-top: 36px;
}

pre.code-highlighted.lang-json .tok-key {
  color: #7cb868;
}

pre.code-highlighted.lang-json .tok-str {
  color: #c9a87c;
}

pre.code-highlighted.lang-json .tok-num {
  color: #6eb5d9;
}

pre.code-highlighted.lang-json .tok-lit {
  color: #ee6018;
}

[data-theme="light"] pre.code-highlighted.lang-json .tok-key {
  color: #3d7a32;
}

[data-theme="light"] pre.code-highlighted.lang-json .tok-str {
  color: #8a5a20;
}

pre.code-highlighted.lang-markdown .tok-md-h {
  color: var(--accent-live);
  font-weight: 500;
}

pre.code-highlighted.lang-markdown .tok-md-fence {
  color: var(--text-muted);
}

pre.code-highlighted.lang-markdown .tok-md-li {
  color: var(--text-secondary);
}

pre.code-highlighted.lang-markdown .tok-md-code {
  color: var(--accent-ok);
}