/* Ajustes de lectura para material denso en código y diagramas */

.md-grid {
  max-width: 76rem;
}

/* Los diagramas Mermaid necesitan aire y scroll si son anchos */
.mermaid {
  margin: 1.2rem 0;
  overflow-x: auto;
  text-align: center;
}

/* Tablas comparativas: legibles incluso con muchas columnas */
.md-typeset table:not([class]) {
  font-size: 0.72rem;
}

.md-typeset table:not([class]) th {
  background-color: var(--md-default-fg-color--lightest);
  white-space: nowrap;
}

/* Bloques de código de los cuadernos */
.md-typeset pre > code {
  font-size: 0.74rem;
}

/* Admoniciones del taller: un poco más de contraste en el título */
.md-typeset .admonition-title {
  font-weight: 700;
}

/* Avisos de Mermaid que no han podido renderizar (solo en desarrollo) */
.mermaid-error {
  color: var(--md-code-hl-special-color);
  font-size: 0.7rem;
}