/* Blocs de code en lecture (cf. assets/js/code-blocks.js).
   Sombres dans les deux thèmes, sur la base du thème Prism « Tomorrow Night »
   (fond #2d2d2d). */
.code-block {
  margin: 0 0 .75rem;
  border-radius: 8px;
  overflow: hidden;
  background: #2d2d2d;
}

.code-block-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .25rem .5rem .25rem 1rem;
  background: #3a3a3a;
  color: #c5c8c6;
  font-size: .75rem;
}

.code-copy-btn {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .25rem .5rem;
  border: 0;
  border-radius: 4px;
  background: none;
  color: inherit;
  font: inherit;
}
.code-copy-btn:hover,
.code-copy-btn:focus-visible {
  background: #4a4a4a;
  color: #fff;
}

/* Spécificité supérieure aux règles « pre » des pages hôtes
   (ex. .step-description pre de la page publique) : le fond vient du wrapper. */
.code-block pre[class*="language-"] {
  margin: 0;
  padding: 1rem;
  border: 0;
  border-radius: 0;
  background: none;
  font-size: .875rem;
}

@media print {
  .code-copy-btn { display: none; }
}