/* Rendu Markdown des réponses IA (rapports, chat). Voir public/js/md.js.
   Utilise les tokens de design (--sk-*) pour rester cohérent avec le panel. */

.md {
  font-size: 13.5px;
  line-height: 1.65;
  color: var(--sk-ink);
  word-break: break-word;
  overflow-wrap: anywhere;
}

.md > *:first-child { margin-top: 0; }
.md > *:last-child { margin-bottom: 0; }

.md .md-h { font-weight: 700; line-height: 1.3; margin: 1.1em 0 0.5em; }
.md .md-h1 { font-size: 1.5em; border-bottom: 1px solid var(--sk-border-light, #e8e3d6); padding-bottom: .25em; }
.md .md-h2 { font-size: 1.28em; border-bottom: 1px solid var(--sk-border-light, #e8e3d6); padding-bottom: .2em; }
.md .md-h3 { font-size: 1.13em; }
.md .md-h4 { font-size: 1.02em; }
.md .md-h5, .md .md-h6 { font-size: 0.95em; color: var(--sk-ink-muted); }

.md .md-p { margin: 0.55em 0; }

.md .md-list { margin: 0.5em 0; padding-left: 1.5em; }
.md .md-list li { margin: 0.2em 0; }

.md strong { font-weight: 700; }
.md em { font-style: italic; }
.md del { opacity: 0.7; }

.md a { color: var(--sk-accent, #b8895f); text-decoration: underline; text-underline-offset: 2px; }

.md .md-code {
  font-family: var(--sk-font-mono, 'JetBrains Mono', monospace);
  font-size: 0.9em;
  background: var(--sk-paper, #faf8f2);
  border: 1px solid var(--sk-border-light, #e8e3d6);
  border-radius: 4px;
  padding: 0.1em 0.35em;
}

.md .md-pre {
  background: var(--sk-paper, #faf8f2);
  border: 1px solid var(--sk-border-light, #e8e3d6);
  border-radius: 8px;
  padding: 12px 14px;
  overflow-x: auto;
  margin: 0.7em 0;
}
.md .md-pre code {
  font-family: var(--sk-font-mono, 'JetBrains Mono', monospace);
  font-size: 12.5px;
  line-height: 1.5;
  background: none;
  border: none;
  padding: 0;
}

.md .md-quote {
  margin: 0.7em 0;
  padding: 0.4em 0.9em;
  border-left: 3px solid var(--sk-accent, #b8895f);
  background: var(--sk-accent-soft, #f4f0e6);
  color: var(--sk-ink);
  border-radius: 0 6px 6px 0;
}

.md .md-hr { border: none; border-top: 1px solid var(--sk-border-light, #e8e3d6); margin: 1.2em 0; }

.md .md-table-wrap { overflow-x: auto; margin: 0.8em 0; }
.md .md-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 12.5px;
}
.md .md-table th, .md .md-table td {
  border: 1px solid var(--sk-border-light, #e8e3d6);
  padding: 6px 10px;
  text-align: left;
  vertical-align: top;
}
.md .md-table th {
  background: var(--sk-paper, #faf8f2);
  font-weight: 700;
  white-space: nowrap;
}
.md .md-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--sk-paper, #faf8f2) 45%, transparent); }