/**
 * Adapted from ThisIs-Developer/Markdown-Viewer (Apache-2.0), commits 74eae5a, 7bf4a93.
 * Modified by Pacing Agency: preview styles for alerts, footnotes and definition lists.
 */

/* Alert accent tokens (preview); mirror values in markdown-ext.js exportCss. */
html.pc #markdown-preview {
  --pv-alert-note: var(--text-link);
  --pv-alert-tip: #1a7f37;
  --pv-alert-important: #8250df;
  --pv-alert-warning: var(--brand-orange-deep);
  --pv-alert-caution: var(--danger);
}

html.pc[data-theme="dark"] #markdown-preview {
  --pv-alert-tip: #3fb950;
  --pv-alert-important: #a371f7;
  --pv-alert-warning: var(--brand-orange);
}

html.pc #markdown-preview .markdown-alert {
  border: 1px solid var(--line);
  border-left: 4px solid var(--pv-alert-note);
  border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-4);
  margin: var(--space-4) 0;
  background: var(--surface-raised);
}

html.pc #markdown-preview .markdown-alert-title {
  font-family: var(--font-sans);
  font-weight: 600;
  margin: 0 0 var(--space-2);
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

html.pc #markdown-preview .markdown-alert-title .bi {
  font-size: var(--icon-md);
  flex-shrink: 0;
}

html.pc #markdown-preview .markdown-alert-note {
  border-left-color: var(--pv-alert-note);
}

html.pc #markdown-preview .markdown-alert-note .markdown-alert-title {
  color: var(--pv-alert-note);
}

html.pc #markdown-preview .markdown-alert-tip {
  border-left-color: var(--pv-alert-tip);
}

html.pc #markdown-preview .markdown-alert-tip .markdown-alert-title {
  color: var(--pv-alert-tip);
}

html.pc #markdown-preview .markdown-alert-important {
  border-left-color: var(--pv-alert-important);
}

html.pc #markdown-preview .markdown-alert-important .markdown-alert-title {
  color: var(--pv-alert-important);
}

html.pc #markdown-preview .markdown-alert-warning {
  border-left-color: var(--pv-alert-warning);
}

html.pc #markdown-preview .markdown-alert-warning .markdown-alert-title {
  color: var(--pv-alert-warning);
}

html.pc #markdown-preview .markdown-alert-caution {
  border-left-color: var(--pv-alert-caution);
}

html.pc #markdown-preview .markdown-alert-caution .markdown-alert-title {
  color: var(--pv-alert-caution);
}

html.pc #markdown-preview .footnotes {
  margin-top: var(--space-5);
  font-size: 0.9em;
  color: var(--text-muted);
}

html.pc #markdown-preview .footnotes hr {
  border: 0;
  border-top: 1px solid var(--line);
  margin: var(--space-4) 0;
}

html.pc #markdown-preview .footnote-ref a {
  text-decoration: none;
  color: var(--text-link);
}

html.pc #markdown-preview .footnote-backref {
  margin-left: var(--space-2);
  text-decoration: none;
  color: var(--text-link);
}

html.pc #markdown-preview dl {
  margin: var(--space-4) 0;
}

html.pc #markdown-preview dt {
  font-weight: 600;
  margin-top: var(--space-3);
  color: var(--text);
}

html.pc #markdown-preview dd {
  margin: 0 0 var(--space-2) 1.5em;
  color: var(--text);
}