/* Rich HTML / markdown content — b-prose (respuestas IA, explicaciones) */

.b-prose {
  font-size: var(--text-sm, 0.8125rem);
  font-weight: var(--weight-regular, 400);
  line-height: 1.55;
  color: var(--color-text, #111827);
}

.b-prose > :first-child {
  margin-top: 0;
}

.b-prose > :last-child {
  margin-bottom: 0;
}

.b-prose p {
  margin: 0 0 var(--space-3, 0.75rem);
}

.b-prose p:last-child {
  margin-bottom: 0;
}

.b-prose strong,
.b-prose b {
  font-weight: var(--weight-semibold, 600);
  color: var(--color-text, #111827);
}

.b-prose h1,
.b-prose h2,
.b-prose h3,
.b-prose h4 {
  margin: var(--space-4, 0.875rem) 0 var(--space-2, 0.5rem);
  font-size: var(--text-base, 0.875rem);
  font-weight: var(--weight-semibold, 600);
  line-height: var(--leading-tight, 1.25);
  color: var(--color-text, #111827);
}

.b-prose h1:first-child,
.b-prose h2:first-child,
.b-prose h3:first-child,
.b-prose h4:first-child {
  margin-top: 0;
}

.b-prose ul,
.b-prose ol {
  margin: var(--space-2, 0.5rem) 0 var(--space-3, 0.75rem);
  padding-left: var(--space-5, 1rem);
}

.b-prose li {
  margin-bottom: var(--space-2, 0.5rem);
}

.b-prose li::marker {
  color: var(--color-primary, #2f3747);
}

.b-prose a {
  color: var(--color-primary, #2f3747);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.b-prose code {
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 0.92em;
  padding: 0.1em 0.35em;
  border-radius: calc(var(--radius-sm, 0.5rem) - 4px);
  background: var(--color-surface-alt, #f7f7f8);
  color: var(--color-mono, #09090b);
}

.b-prose pre {
  margin: var(--space-3, 0.75rem) 0;
  padding: var(--space-3, 0.75rem) var(--space-4, 0.875rem);
  overflow-x: auto;
  border: 1px solid var(--color-border, #e5e7eb);
  border-radius: var(--radius-md, 0.625rem);
  background: var(--color-surface-alt, #f7f7f8);
}

.b-prose pre code {
  padding: 0;
  background: transparent;
}

.b-prose blockquote {
  margin: var(--space-4, 0.875rem) 0;
  padding: var(--space-4, 0.875rem);
  border: 1px solid var(--color-border, #e5e7eb);
  border-left: 3px solid var(--color-primary, #2f3747);
  border-radius: var(--radius-md, 0.625rem);
  background: var(--color-surface-alt, #f7f7f8);
  color: var(--color-text-secondary, #6b7280);
  font-style: normal;
}

.b-prose blockquote > :first-child {
  margin-top: 0;
}

.b-prose blockquote > :last-child {
  margin-bottom: 0;
}

/* Tablas (contenido IA / temario) */

.b-prose__table-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  margin: var(--space-3, 0.75rem) 0;
  border-radius: calc(var(--radius-sm, 0.5rem) - 2px);
  border: 1px solid var(--color-border, #e5e7eb);
  background: var(--color-surface, #fff);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.b-prose blockquote .b-prose__table-wrap {
  margin-top: 0;
  border: none;
  border-radius: calc(var(--radius-sm, 0.5rem) - 2px);
  background: var(--color-surface, #fff);
}

.b-prose__table {
  width: 100%;
  min-width: 18rem;
  border-collapse: collapse;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background: transparent;
}

.b-prose__table th,
.b-prose__table td {
  padding: var(--space-3, 0.75rem);
  border-bottom: 1px solid var(--color-border, #e5e7eb);
  text-align: left;
  vertical-align: top;
  font-weight: inherit;
}

.b-prose__table th {
  background: var(--color-surface-alt, #f7f7f8);
  font-weight: var(--weight-semibold, 600);
  color: var(--color-text, #111827);
}

.b-prose__table tr:last-child td {
  border-bottom: none;
}

.b-prose__table tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--color-surface-alt, #f7f7f8) 65%, transparent);
}

/* Burbuja de usuario en chat */

.b-chat-bubble--user {
  max-width: 85%;
  padding: var(--space-3, 0.75rem) var(--space-4, 0.875rem);
  border-radius: var(--radius-xl, 1.25rem) var(--radius-xl, 1.25rem) var(--radius-sm, 0.5rem)
    var(--radius-xl, 1.25rem);
  background: var(--color-primary, #2f3747);
  color: var(--color-mono-fg, #fff);
  font-size: var(--text-sm, 0.8125rem);
  font-weight: var(--weight-medium, 500);
  line-height: 1.55;
}