/* Estilos de /docs/api.
 *
 * En fichero aparte y no en home.css a proposito: home.css lo carga la portada, que es la
 * pagina que cobra, y no se toca por una pagina de documentacion.
 *
 * QUE ARREGLA: el sitio estiliza `code` como una pastilla inline (bien para "[[600]]" en
 * medio de una frase), pero no tenia ninguna regla para `pre`. Los ejemplos de curl salian
 * partidos en pastillas sueltas, una por linea, y un comando de tres lineas parecia tres
 * cosas distintas. Aqui un bloque de codigo se ve como un bloque de codigo.
 */
.legal-doc pre {
  margin: 14px 0;
  padding: 14px 16px;
  border-radius: 10px;
  background: rgba(0, 0, 0, .35);
  border: 1px solid var(--line, #26304a);
  overflow-x: auto;                 /* el comando largo se desliza; la pagina NO */
  line-height: 1.55;
}

/* Dentro de un `pre`, el `code` deja de ser pastilla: hereda el bloque. */
.legal-doc pre code {
  display: block;
  background: none;
  border: 0;
  padding: 0;
  font-size: .84rem;
  white-space: pre;
  color: inherit;
}

.legal-doc h2 { margin-top: 34px; }
.legal-doc .legal-table code { white-space: nowrap; }