/**
 * idf-markdown v0.1.1 - Typografie der Markdown-Preview
 *
 * v0.1.1 (#199): Mono-Stack auf var(--font-mono) umgestellt (H6).
 *
 * Gilt für Container mit .idf-markdown-preview (gesetzt von
 * IDF.markdown.renderInto). Nur Token-Farben (var(--…)), Figtree erbt
 * von idf-core. Buch-Lesefluss: ruhige Maße, klare Hierarchie.
 */

.idf-markdown-preview {
  font-size: 16px;
  line-height: 1.7;
  color: var(--ink);
  word-wrap: break-word;
}

.idf-markdown-preview h1,
.idf-markdown-preview h2,
.idf-markdown-preview h3,
.idf-markdown-preview h4 {
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 1.4em 0 0.5em;
}
.idf-markdown-preview h1:first-child,
.idf-markdown-preview h2:first-child,
.idf-markdown-preview h3:first-child {
  margin-top: 0;
}
.idf-markdown-preview h1 { font-size: 26px; }
.idf-markdown-preview h2 { font-size: 21px; }
.idf-markdown-preview h3 { font-size: 17px; }
.idf-markdown-preview h4 { font-size: 15px; color: var(--mid); }

.idf-markdown-preview p {
  margin: 0 0 0.9em;
}

.idf-markdown-preview em    { font-style: italic; }
.idf-markdown-preview strong { font-weight: 700; }

.idf-markdown-preview blockquote {
  margin: 0.9em 0;
  padding: 2px 0 2px 14px;
  border-left: 3px solid var(--line);
  color: var(--mid);
}

.idf-markdown-preview hr {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 1.6em auto;
  width: 40%;
}

.idf-markdown-preview ul,
.idf-markdown-preview ol {
  margin: 0 0 0.9em;
  padding-left: 1.4em;
}
.idf-markdown-preview li { margin: 0.2em 0; }

.idf-markdown-preview code {
  /* #199 H6: --font-mono-Token. Superset-Stack ergänzt SFMono/Menlo
     (macOS) gegenüber dem alten lokalen Stack (Report-Auflösung). */
  font-family: var(--font-mono, ui-monospace, "SFMono-Regular", "Cascadia Code", Menlo, Consolas, monospace);
  font-size: 0.9em;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 1px 5px;
}

.idf-markdown-preview pre {
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px 14px;
  overflow-x: auto;
  margin: 0 0 0.9em;
}
.idf-markdown-preview pre code {
  background: none;
  border: 0;
  padding: 0;
}

.idf-markdown-preview a {
  color: var(--accent);
  text-decoration: none;
}
.idf-markdown-preview a:hover { text-decoration: underline; }