/* markdown-preview: editor and live preview side by side, rendered-document typography, headings list. */
.md-split { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--matrix-space-16); align-items: start; }
.md-split > * { min-width: 0; } /* a wide table in the preview scrolls inside its panel instead of widening the page */
.md-preview-label { margin: 0; font-weight: 600; }
.md-preview { min-height: 220px; max-height: 70vh; overflow: auto; padding: var(--matrix-space-12) var(--matrix-space-16); border: 1px solid var(--matrix-control-border); border-radius: var(--matrix-radius-control); background: var(--matrix-surface); line-height: 1.6; overflow-wrap: anywhere; }
.md-preview > :first-child { margin-top: 0; }
.md-preview > :last-child { margin-bottom: 0; }
.md-preview h1, .md-preview h2, .md-preview h3, .md-preview h4, .md-preview h5, .md-preview h6 { margin: 1.2em 0 0.4em; line-height: 1.25; }
.md-preview h1 { font-size: 1.6rem; } .md-preview h2 { font-size: 1.35rem; } .md-preview h3 { font-size: 1.15rem; } .md-preview h4, .md-preview h5, .md-preview h6 { font-size: 1rem; }
.md-preview p, .md-preview ul, .md-preview ol, .md-preview pre, .md-preview blockquote, .md-preview table { margin: 0.6em 0; }
.md-preview pre { padding: var(--matrix-space-12); overflow: auto; background: var(--matrix-surface-subtle); border-radius: var(--matrix-radius-control); }
.md-preview code { font-family: var(--matrix-font-mono); font-size: 0.9em; }
.md-preview :not(pre) > code { padding: 1px 4px; background: var(--matrix-surface-subtle); border-radius: 3px; }
.md-preview blockquote { padding-left: var(--matrix-space-12); border-left: 4px solid var(--matrix-border); color: var(--matrix-muted); }
.md-preview table { border-collapse: collapse; }
.md-preview th, .md-preview td { border: 1px solid var(--matrix-border); padding: 4px 10px; }
.md-preview th { background: var(--matrix-surface-subtle); }
.md-preview .align-left { text-align: left; } .md-preview .align-center { text-align: center; } .md-preview .align-right { text-align: right; }
.md-preview hr { border: 0; border-top: 1px solid var(--matrix-border); margin: 1em 0; }
.md-preview li.task { list-style: none; margin-left: -1.4em; }
.md-preview li.task input { display: inline-block; width: 16px; height: 16px; min-height: 0; margin: 0 6px 0 0; vertical-align: -2px; accent-color: var(--matrix-brand); }
.md-preview img.md-inline-image { max-width: 100%; height: auto; }
.md-preview a.md-image { display: inline-block; padding: 2px 8px; border: 1px dashed var(--matrix-control-border); border-radius: 3px; color: var(--matrix-muted); text-decoration: none; font-size: var(--matrix-type-caption); }
.md-toc { margin: 0 0 var(--matrix-space-12); padding-left: 1.4em; }
.md-toc .md-toc-l2 { margin-left: 1em; } .md-toc .md-toc-l3 { margin-left: 2em; } .md-toc .md-toc-l4 { margin-left: 3em; } .md-toc .md-toc-l5 { margin-left: 4em; } .md-toc .md-toc-l6 { margin-left: 5em; }
.result h3 { margin: var(--matrix-space-16) 0 var(--matrix-space-8); font-size: var(--matrix-type-control); }

/* pictures at web addresses: the line saying what showing them means, and the button (queue row 115, T39-03) */
.md-pictures:not([hidden]) { display: flex; flex-wrap: wrap; align-items: center; gap: var(--matrix-space-8); margin: 0 0 var(--matrix-space-8); }
.md-pictures p { margin: 0; flex: 1 1 18em; }

/* the live preview paused for a large document: its notice and the button that shows the preview once */
.md-paused p { margin: 0 0 var(--matrix-space-12); }

/* Jack's register T39-04: the preview's header with Save as PDF; highlighted code; footnotes */
.md-preview-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--matrix-space-8); }
.md-preview .tok-keyword { color: var(--matrix-selected-text); font-weight: 600; }
.md-preview .tok-string { color: var(--matrix-success); }
.md-preview .tok-comment { color: var(--matrix-muted); font-style: italic; }
.md-preview .tok-number, .md-preview .tok-attr { color: var(--matrix-warning); }
.md-preview .tok-tag { color: var(--matrix-brand); }
.md-preview .tok-variable { color: var(--matrix-danger); }
.md-preview sup.fn-ref { line-height: 0; }
.md-preview sup.fn-ref a { padding: 0 2px; }
.md-preview .footnotes { margin-top: 1.5em; font-size: 0.9em; }
.md-preview :target, .md-preview [tabindex="-1"]:focus { outline: 2px solid var(--matrix-focus); outline-offset: 2px; }

/* Save as PDF: while printing, the page shows the copy of the document alone, dark on white, its pages broken between blocks */
.md-print { display: none; }
@media print {
  @page { margin: 16mm 14mm; }
  html.md-printing body > :not(#md-print) { display: none !important; }
  html.md-printing, html.md-printing body { background: #fff !important; }
  html.md-printing #md-print { display: block; max-height: none; overflow: visible; border: 0; padding: 0; margin: 0; background: #fff; color: #1d1d1f; font-size: 11pt; line-height: 1.5; }
  #md-print a { color: #0055aa; }
  #md-print pre, #md-print :not(pre) > code, #md-print th { background: #f5f5f7; }
  #md-print pre { white-space: pre-wrap; overflow-wrap: anywhere; overflow: visible; break-inside: avoid; }
  #md-print blockquote { color: #555; border-left-color: #d2d2d7; }
  #md-print th, #md-print td, #md-print hr { border-color: #d2d2d7; }
  #md-print h1, #md-print h2, #md-print h3, #md-print h4, #md-print h5, #md-print h6 { break-after: avoid; break-inside: avoid; }
  #md-print tr, #md-print img, #md-print li { break-inside: avoid; }
  #md-print .tok-keyword { color: #a3299c; } #md-print .tok-string { color: #1d7339; } #md-print .tok-comment { color: #6e6e73; }
  #md-print .tok-number, #md-print .tok-attr { color: #8a5600; } #md-print .tok-tag { color: #0055aa; } #md-print .tok-variable { color: #b42318; }
}