/* ──────────────────────────────────────────────────────────────────────────
   code-block.css — блок кода с кнопкой «Копировать» (.blog-code).

   Один компонент на сайт. Разметку пишут scripts/build-blog.js (fenced code в
   постах) и scripts/build-developers.js (/developers/); кнопку оживляет
   js/blog-code.js. Раньше правила жили в css/blog.css — вынесены, чтобы
   /developers/ не тянул 24 КБ стилей блога ради одного компонента.

   Потребители: templates/blog-post.html, templates/developers-page.html.
   ────────────────────────────────────────────────────────────────────────── */

.blog-code {
  margin: 0 0 18px; border-radius: 12px; overflow: hidden;
  background: #0d0d10; border: 1px solid var(--border-base);
}
.blog-code-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 14px; background: rgba(255,255,255,.03);
  border-bottom: 1px solid var(--border-base);
}
.blog-code-lang {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px;
  font-weight: 600; letter-spacing: .02em; text-transform: uppercase; color: var(--text-5);
}
.blog-code-copy {
  display: flex; align-items: center; gap: 6px;
  font-family: inherit; font-size: 12px; font-weight: 500; color: var(--text-5);
  background: transparent; border: none; cursor: pointer; padding: 3px 6px; border-radius: 6px;
  transition: color .12s, background .12s;
}
.blog-code-copy:hover { color: var(--text-1); background: rgba(255,255,255,.06); }
.blog-code-copy.is-copied { color: #34d399; }
.blog-code pre {
  margin: 0; padding: 16px 18px; overflow-x: auto;
}
.blog-code pre code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13.5px; line-height: 1.65;
  background: none; border: none; padding: 0; color: #e4e4e7; white-space: pre;
}