/* Bloco de prompt/código — usado em todo bloco de código do conteúdo.
   Blocos ```text ganham botão "Copiar" (o renderizador de markdown adiciona). */
.bloco-prompt {
  position: relative;
  background: var(--cor-superficie-2);
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio-md);
  margin: var(--esp-4) 0;
}
.bloco-prompt__copiar {
  position: absolute;
  top: var(--esp-2);
  right: var(--esp-2);
  background: var(--cor-superficie);
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio-sm);
  padding: var(--esp-1) var(--esp-2);
  font-size: var(--texto-xs);
  color: var(--cor-texto-suave);
  display: inline-flex;
  align-items: center;
  gap: var(--esp-1);
  transition: color var(--transicao), border-color var(--transicao);
}
.bloco-prompt__copiar:hover { color: var(--cor-primaria); border-color: var(--cor-primaria); }
.bloco-prompt__copiar--feito { color: var(--cor-sucesso); border-color: var(--cor-sucesso); }
.bloco-prompt pre {
  margin: 0;
  padding: var(--esp-4);
  padding-top: var(--esp-6);
  overflow-x: auto;
  font-size: var(--texto-sm);
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
.bloco-prompt--codigo pre { white-space: pre; }