/* code — auto-split from content-blocks.css */

/* ── Code Block
   Usage: <pre class="code-block"><code>...</code></pre>
── */

/* Typography applied explicitly to both pre and code — no reliance on inheritance */
.article-body .code-block,
.article-body .code-block code {
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
  font-size: 0.8125rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  white-space: pre;
}

.article-body .code-block {
  overflow-x: auto;
  margin: 0.75rem 0 1.5rem;
  border-radius: 6px;
  padding: 1rem 1.25rem;
  display: block;
  background: var(--color-neutral-50);
  border: 1px solid var(--color-neutral-200);
}

.article-body .code-block code {
  background: none;
  padding: 0;
  border-radius: 0;
}

.article-body .code-block .comment {
  color: var(--color-neutral-400);
  font-style: italic;
}

.article-body .code-block .highlight-line {
  display: inline;
  background: rgba(251, 191, 36, 0.15);
  margin: 0 -1.25rem;
  padding: 0 1.25rem 0 calc(1.25rem - 2px);
  border-left: 2px solid #f59e0b;
}

.article-body .code-block .highlight-inline {
  background: rgba(251, 191, 36, 0.4);
  border-radius: 2px;
  padding: 0.05em 0.2em;
}

.article-body .code-block .heading-comment {
  display: block;
  font-style: italic;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--color-neutral-400);
  margin-top: 1.25rem;
}

.article-body .code-block code > .heading-comment:first-child {
  margin-top: 0;
}

.article-body .code-inline-accent {
  font-family: 'SFMono-Regular', Consolas, monospace;
  font-size: 0.875em;
  background: #eff6ff;
  color: var(--color-primary);
  border: 1px solid #bfdbfe;
  border-radius: 3px;
  padding: 0.1em 0.35em;
}