/* ═══════════════════════════════════════════════════════════
   markdown.css — Markdown Rendering (Red Theme)
   Styles for LLM-generated markdown answers inside chat
   ═══════════════════════════════════════════════════════════ */

.md-content {
  line-height: 1.9;
  word-break: break-word;
}

.md-content h1, .md-content h2, .md-content h3,
.md-content h4, .md-content h5, .md-content h6 {
  color: var(--color-primary-light);
  font-weight: var(--font-weight-bold);
  margin: var(--space-4) 0 var(--space-2);
  line-height: 1.4;
}
.md-content h1 { font-size: var(--text-xl); }
.md-content h2 { font-size: var(--text-lg); }
.md-content h3 { font-size: var(--text-base); }
.md-content h4, .md-content h5, .md-content h6 { font-size: var(--text-sm); }

.md-content p {
  margin-bottom: var(--space-3);
}

.md-content strong, .md-content b {
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold);
}

.md-content em, .md-content i {
  color: var(--color-text-secondary);
}

/* Lists */
.md-content ul, .md-content ol {
  padding-right: var(--space-6);
  margin-bottom: var(--space-3);
}

.md-content li {
  margin-bottom: var(--space-1);
  line-height: 1.8;
}

.md-content ul li::marker {
  color: var(--color-primary);
}

.md-content ol li::marker {
  color: var(--color-primary);
  font-weight: var(--font-weight-bold);
}

/* Links */
.md-content a {
  color: var(--color-primary-light);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all var(--transition-fast);
}
.md-content a:hover {
  border-bottom-color: var(--color-primary);
}

/* Code */
.md-content code {
  background: rgba(0, 0, 0, 0.4);
  padding: 2px 6px;
  border-radius: 4px;
  font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
  font-size: 0.85em;
  color: #F87171;
  direction: ltr;
  display: inline;
}

.md-content pre {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: var(--space-4);
  margin: var(--space-3) 0;
  overflow-x: auto;
  direction: ltr;
  text-align: left;
}

.md-content pre code {
  background: none;
  padding: 0;
  font-size: var(--text-xs);
  color: #E5E7EB;
  line-height: 1.6;
}

/* Blockquotes (RTL: right border) */
.md-content blockquote {
  border-right: 3px solid var(--color-primary);
  padding-right: var(--space-4);
  margin: var(--space-3) 0;
  color: var(--color-text-secondary);
  font-style: italic;
}

/* Tables */
.md-content table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--space-3) 0;
  font-size: var(--text-xs);
  direction: ltr;
  text-align: left;
}

.md-content table th {
  background: var(--color-primary-dark);
  color: white;
  padding: var(--space-2) var(--space-3);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}

.md-content table td {
  padding: var(--space-2) var(--space-3);
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text-secondary);
}

.md-content table tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.02);
}

/* Horizontal rule */
.md-content hr {
  border: none;
  height: 1px;
  background: var(--color-border);
  margin: var(--space-4) 0;
}