apex-ruby 1.0.18 → 1.0.20

data/ext/apex_ext/apex_src/documentation/docsets/Apex.docset/Contents/Resources/Documents/Pandoc-Integration.html

@@ -5,8 +5,97 @@
 
       <meta charset="UTF-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <meta name="generator" content="Apex 0.1.49">
+      <meta name="generator" content="Apex 1.1.12">
       <title>Document</title>
+      <style>
+        /* GitHub-style syntax highlighting for Pygments and Skylighting */
+        /* Don't apply background to wrapper when code highlighting is enabled - let default styles handle it */
+        .code-highlighted .highlight, .code-highlighted .sourceCode { background: inherit; border-radius: 6px; padding: 16px; overflow-x: auto; }
+        .highlight pre, .sourceCode pre { margin: 0; padding: 0; background: transparent; }
+        .highlight code, .sourceCode code { font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 1.45; }
+        /* Pygments classes */
+        .highlight .k { color: #d73a49; font-weight: 600; } /* Keyword */
+        .highlight .kt { color: #d73a49; } /* Keyword.Type */
+        .highlight .kd { color: #d73a49; font-weight: 600; } /* Keyword.Declaration */
+        .highlight .kn { color: #d73a49; } /* Keyword.Namespace */
+        .highlight .kp { color: #d73a49; } /* Keyword.Pseudo */
+        .highlight .kr { color: #d73a49; font-weight: 600; } /* Keyword.Reserved */
+        .highlight .n { color: #6f42c1; } /* Name */
+        .highlight .na { color: #6f42c1; } /* Name.Attribute */
+        .highlight .nc { color: #6f42c1; font-weight: 600; } /* Name.Class */
+        .highlight .no { color: #005cc5; } /* Name.Constant */
+        .highlight .nd { color: #6f42c1; font-weight: 600; } /* Name.Decorator */
+        .highlight .ni { color: #800080; } /* Name.Entity */
+        .highlight .ne { color: #990000; font-weight: 600; } /* Name.Exception */
+        .highlight .nf { color: #6f42c1; font-weight: 600; } /* Name.Function */
+        .highlight .nl { color: #6f42c1; } /* Name.Label */
+        .highlight .nn { color: #555; } /* Name.Namespace */
+        .highlight .nt { color: #22863a; } /* Name.Tag */
+        .highlight .nv { color: #e36209; } /* Name.Variable */
+        .highlight .s { color: #032f62; } /* String */
+        .highlight .sb { color: #032f62; } /* String.Backtick */
+        .highlight .sc { color: #032f62; } /* String.Char */
+        .highlight .sd { color: #032f62; } /* String.Doc */
+        .highlight .s2 { color: #032f62; } /* String.Double */
+        .highlight .se { color: #032f62; } /* String.Escape */
+        .highlight .sh { color: #032f62; } /* String.Heredoc */
+        .highlight .si { color: #032f62; } /* String.Interpol */
+        .highlight .sx { color: #032f62; } /* String.Other */
+        .highlight .sr { color: #032f62; } /* String.Regex */
+        .highlight .s1 { color: #032f62; } /* String.Single */
+        .highlight .ss { color: #032f62; } /* String.Symbol */
+        .highlight .c { color: #6a737d; font-style: italic; } /* Comment */
+        .highlight .c1 { color: #6a737d; font-style: italic; } /* Comment.Single */
+        .highlight .cm { color: #6a737d; font-style: italic; } /* Comment.Multiline */
+        .highlight .cp { color: #6a737d; font-weight: 600; } /* Comment.Preproc */
+        .highlight .cs { color: #6a737d; font-weight: 600; font-style: italic; } /* Comment.Special */
+        .highlight .m { color: #005cc5; } /* Literal.Number */
+        .highlight .mb { color: #005cc5; } /* Literal.Number.Bin */
+        .highlight .mf { color: #005cc5; } /* Literal.Number.Float */
+        .highlight .mh { color: #005cc5; } /* Literal.Number.Hex */
+        .highlight .mi { color: #005cc5; } /* Literal.Number.Integer */
+        .highlight .il { color: #005cc5; } /* Literal.Number.Integer.Long */
+        .highlight .mo { color: #005cc5; } /* Literal.Number.Oct */
+        .highlight .o { color: #d73a49; } /* Operator */
+        .highlight .ow { color: #d73a49; } /* Operator.Word */
+        .highlight .p { color: #24292e; } /* Punctuation */
+        .highlight .w { color: #e1e4e8; } /* Text.Whitespace */
+        /* Skylighting classes */
+        .sourceCode .kw { color: #d73a49; font-weight: 600; } /* Keyword */
+        .sourceCode .dt { color: #6f42c1; } /* DataType */
+        .sourceCode .dv { color: #005cc5; } /* DecVal */
+        .sourceCode .bn { color: #005cc5; } /* BaseN */
+        .sourceCode .fl { color: #005cc5; } /* Float */
+        .sourceCode .ch { color: #032f62; } /* Char */
+        .sourceCode .st { color: #032f62; } /* String */
+        .sourceCode .co { color: #6a737d; font-style: italic; } /* Comment */
+        .sourceCode .ot { color: #22863a; } /* Other */
+        .sourceCode .al { color: #e36209; font-weight: 600; } /* Alert */
+        .sourceCode .fu { color: #6f42c1; font-weight: 600; } /* Function */
+        .sourceCode .re { color: #032f62; } /* RegionMarker */
+        .sourceCode .er { color: #d73a49; font-weight: 600; } /* Error */
+        .sourceCode .cf { color: #d73a49; font-weight: 600; } /* ControlFlow */
+        .sourceCode .op { color: #d73a49; } /* Operator */
+        .sourceCode .pp { color: #6a737d; } /* Preprocessor */
+        .sourceCode .at { color: #005cc5; } /* Attribute */
+        .sourceCode .do { color: #6a737d; font-style: italic; } /* Documentation */
+        .sourceCode .an { color: #6a737d; font-weight: 600; } /* Annotation */
+        .sourceCode .cv { color: #6a737d; font-weight: 600; font-style: italic; } /* CommentVar */
+        .sourceCode .in { color: #6a737d; } /* Information */
+        .sourceCode .wa { color: #e36209; font-weight: 600; } /* Warning */
+        .sourceCode .im { color: #d73a49; } /* Import */
+        .sourceCode .bu { color: #005cc5; } /* BuiltIn */
+        .sourceCode .ex { color: #6f42c1; } /* Extension */
+        .sourceCode .va { color: #e36209; } /* Variable */
+        .sourceCode .ss { color: #032f62; } /* SpecialString */
+        .sourceCode .sc { color: #032f62; } /* SpecialChar */
+        .sourceCode .vs { color: #032f62; } /* VerbatimString */
+        .sourceCode .il { color: #005cc5; } /* Special */
+        /* Line numbers (Skylighting) */
+        .sourceCode.numberSource .sourceCode { counter-reset: line; }
+        .sourceCode.numberSource .sourceCode > span { position: relative; left: -4em; counter-increment: line; }
+        .sourceCode.numberSource .sourceCode > span > a:first-child::before { content: counter(line); position: relative; left: -1em; text-align: right; vertical-align: baseline; border: none; display: inline-block; min-width: 1em; padding-right: 0.5em; color: #aaa; }
+      </style>
       <style>
         body {
           font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
@@ -35,10 +124,52 @@
         ins { background: #d4fcbc; text-decoration: none; }
         del { background: #fbb6c2; text-decoration: line-through; }
         mark { background: #fff3cd; }
+        .smallcaps { font-variant: small-caps; }
+        .underline { text-decoration: underline; }
+        span.mark { background: #fff3cd; }
+        .hidden { display: none; }
+        .quarto-xref { font-variant: normal; }
         .critic.comment { background: #e7e7e7; color: #666; font-style: italic; }
+        .mkhashtag { color: #666; }
+        .mkstyledtag {
+          display: inline-block;
+          background: #e0e0e0;
+          padding: 3px 9px;
+          border-radius: 20px;
+          font-size: 0.9em;
+          line-height: 1.4;
+          color: #333;
+          margin: 0 2px;
+        }
       </style>
+        <meta name="paginate" content="symbols"/>
+      <meta name="highlight-language-only" content="true"/>
+      <meta name="code-line-numbers" content="false"/>
+      <meta name="code-highlight" content="pygments"/>
+      <meta name="sup-sub" content="true"/>
+      <meta name="relaxed-tables" content="true"/>
+      <meta name="includes" content="true"/>
+      <meta name="autolink" content="true"/>
+      <meta name="pretty" content="false"/>
+      <meta name="standalone" content="false"/>
+      <meta name="mode" content="unified"/>
+      <meta name="markdown-in-html" content="true"/>
+      <meta name="image-captions" content="true"/>
+      <meta name="wikilink-extension" content="html"/>
+      <meta name="wikilink-space" content="hyphen"/>
+      <meta name="wikilinks" content="true"/>
+      <meta name="widont" content="true"/>
+      <meta name="plugins" content="true"/>
+      <meta name="id-format" content="gfm"/>
+
   <style>
-/* Base styles */
+:root {
+  /* border-box width of the fixed sidebar; body offset includes a small gap */
+  --sidebar-width: 250px;
+  --sidebar-offset: 270px;
+}
+
+/* Base styles — override Apex standalone centering (max-width + margin: auto) */
 body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -48,6 +179,11 @@ body {
   line-height: 1.65;
   color: #1e293b;
   background-color: #fff;
+  max-width: none;
+  width: auto;
+  margin: 2rem 2rem 2rem var(--sidebar-offset);
+  padding: 0 1rem;
+  box-sizing: border-box;
 }
 
 /* Sidebar / Main TOC - wider on larger screens */
@@ -56,9 +192,10 @@ body {
   position: fixed;
   left: 0;
   top: 0;
-  width: auto;
-  min-width: 180px;
-  max-width: 250px;
+  box-sizing: border-box;
+  width: var(--sidebar-width);
+  min-width: var(--sidebar-width);
+  max-width: var(--sidebar-width);
   height: 100vh;
   overflow-y: auto;
   background: #1e293b;
@@ -67,7 +204,6 @@ body {
   padding: 24px 20px 130px;
   font-size: 14px;
   z-index: 100;
-  margin-right: 1rem;
   box-shadow: 4px 0 24px rgba(0, 0, 0, 0.08);
   transition: transform 0.3s ease;
 }
@@ -116,11 +252,6 @@ body {
   font-weight: 500;
 }
 
-/* Body margin for sidebar */
-body {
-  margin-left: 270px;
-}
-
 /* Hamburger menu button */
 .hamburger-menu {
   display: none;
@@ -136,6 +267,7 @@ body {
   color: rgba(255, 255, 255, 0.9);
   font-size: 20px;
   line-height: 1;
+  box-sizing: border-box;
   width: 44px;
   height: 44px;
   align-items: center;
@@ -153,9 +285,7 @@ body {
 
 /* Move hamburger to the right of the sidebar when menu is open */
 .hamburger-menu.active {
-  left: calc(
-    250px + 12px
-  ); /* Position just to the right of sidebar (max-width 250px + 12px padding) */
+  left: calc(var(--sidebar-width) + 12px);
 }
 
 .hamburger-menu.active {
@@ -251,7 +381,7 @@ body {
 .floating-toc {
   position: fixed;
   top: 0;
-  left: 270px;
+  left: var(--sidebar-offset);
   right: 0;
   z-index: 50;
   opacity: 0;
@@ -677,7 +807,7 @@ ol ul {
   }
 
   body {
-    margin-left: 0;
+    margin: 2rem 1rem;
   }
 
   .floating-toc {
@@ -687,7 +817,7 @@ ol ul {
 
 </style></head>
 
-  <body>
+  <body class="code-highlighted">
 <div class="floating-toc" id="floating-toc">
   <div class="floating-toc-container">
     <div class="floating-toc-header">
@@ -702,12 +832,12 @@ ol ul {
 <button class="hamburger-menu" id="hamburger-menu" aria-label="Toggle navigation"></button>
 <div class="mobile-menu-overlay" id="mobile-menu-overlay"></div>
 
-<nav class="main-toc"><ul><li><a href="Home.html">Home</a></li><li><a href="Getting-Started.html">Getting Started</a></li><li><a href="Installation.html">Installation</a></li><li><a href="Usage.html">Usage</a></li><li><a href="Syntax.html">Syntax</a></li><li><a href="Inline-Attribute-Lists.html">Inline Attribute Lists</a></li><li><a href="Modes.html">Modes</a></li><li><a href="Command-Line-Options.html">Command Line Options</a></li><li><a href="Multi-File-Documents.html">Multi-file Documents</a></li><li><a href="Citations.html">Citations</a></li><li><a href="Metadata-Transforms.html">Metadata Transforms</a></li><li><a href="Pandoc-Integration.html">Integrating with Pandoc</a></li><li><a href="Header-IDs.html">Header IDs</a></li><li><a href="C-API.html">C API</a></li><li><a href="Xcode-Integration.html">Xcode Integration</a></li><li><a href="Examples.html">Examples</a></li><li><a href="Plugins.html">Plugins</a></li><li><a href="Troubleshooting.html">Troubleshooting</a></li><li><a href="Credits.html">Credits</a></li></ul></nav>
+<nav class="main-toc"><ul><li><a href="Home.html">Home</a></li><li><a href="Getting-Started.html">Getting Started</a></li><li><a href="Installation.html">Installation</a></li><li><a href="Usage.html">Usage</a></li><li><a href="Syntax.html">Syntax</a></li><li><a href="Callouts.html">Callouts</a></li><li><a href="Tables.html">Tables</a></li><li><a href="Inline-Attribute-Lists.html">Inline Attribute Lists</a></li><li><a href="Modes.html">Modes</a></li><li><a href="Quarto-Mode.html">Quarto Mode</a></li><li><a href="Command-Line-Options.html">Command Line Options</a></li><li><a href="Rendering-Markdown-In-Terminal.html">Rendering Markdown in the Terminal</a></li><li><a href="Generating-Man-Pages.html">Generating Man Pages</a></li><li><a href="Multi-File-Documents.html">Multi-file Documents</a></li><li><a href="Citations.html">Citations</a></li><li><a href="Indices.html">Indices</a></li><li><a href="Metadata-Transforms.html">Metadata Transforms</a></li><li><a href="Pandoc-Integration.html">Integrating with Pandoc</a></li><li><a href="Using-Apex-with-Jekyll.html">Using Apex with Jekyll</a></li><li><a href="Header-IDs.html">Header IDs</a></li><li><a href="C-API.html">C API</a></li><li><a href="Writing-Tests.html">Writing Tests</a></li><li><a href="Xcode-Integration.html">Xcode Integration</a></li><li><a href="Examples.html">Examples</a></li><li><a href="Plugins.html">Plugins</a></li><li><a href="Filters.html">Filters</a></li><li><a href="Troubleshooting.html">Troubleshooting</a></li><li><a href="Credits.html">Credits</a></li></ul></nav>
 
     <h1 id="integrating-with-pandoc">
-      Integrating with Pandoc
+      Integrating with&nbsp;Pandoc
     </h1>
-<nav class="page-toc" id="page-toc-top"><ul><li><a href="#integrating-with-pandoc">Integrating with Pandoc</a><ul><li><a href="#converting-to-docx">Converting to DOCX</a></li><li><a href="#converting-to-pdf">Converting to PDF</a></li><li><a href="#including-a-css-stylesheet">Including a CSS Stylesheet</a><ul><li><a href="#linking-an-external-stylesheet">Linking an external stylesheet</a></li><li><a href="#embedding-css-into-the-html">Embedding CSS into the HTML</a></li></ul></li><li><a href="#using-metadata-and-title">Using Metadata and Title</a><ul><li><a href="#yaml-front-matter">YAML front matter</a></li><li><a href="#external-metadata-file">External metadata file</a></li><li><a href="#inline-cli-metadata">Inline CLI metadata</a></li></ul></li><li><a href="#other-useful-formats">Other Useful Formats</a></li></ul></li></ul></nav>
+<nav class="page-toc" id="page-toc-top"><ul><li><a href="#integrating-with-pandoc">Integrating with&nbsp;Pandoc</a><ul><li><a href="#converting-to-docx">Converting&nbsp;to&nbsp;DOCX</a></li><li><a href="#converting-to-pdf">Converting&nbsp;to&nbsp;PDF</a></li><li><a href="#including-a-css-stylesheet">Including a CSS&nbsp;Stylesheet</a><ul><li><a href="#linking-an-external-stylesheet">Linking an external&nbsp;stylesheet</a></li><li><a href="#embedding-css-into-the-html">Embedding CSS into&nbsp;the&nbsp;HTML</a></li></ul></li><li><a href="#using-metadata-and-title">Using Metadata&nbsp;and&nbsp;Title</a><ul><li><a href="#yaml-front-matter">YAML front&nbsp;matter</a></li><li><a href="#external-metadata-file">External metadata&nbsp;file</a></li><li><a href="#inline-cli-metadata">Inline CLI&nbsp;metadata</a></li></ul></li><li><a href="#other-useful-formats">Other Useful&nbsp;Formats</a></li><li><a href="#preprocessing-with-md-fixup">Preprocessing with&nbsp;md-fixup</a></li></ul></li></ul></nav>
 
     <p>
       Apex focuses on producing high‑quality HTML. For richer publishing targets like DOCX, PDF, RTF, OPML, ODT, and more, you can combine Apex with <a href="https://pandoc.org">Pandoc</a> by piping Apex’s HTML output into Pandoc.
@@ -717,8 +847,10 @@ ol ul {
       The general pattern is:
     </p>
 
-<pre><code class="highlight language-bash">apex input.md <span class="nt">--standalone</span> | pandoc <span class="nt">-f</span> html <span class="nt">-t</span> FORMAT <span class="nt">-o</span> output.FILE
-</code></pre>
+    <div class="highlight">
+<pre><span></span>apex<span class="w"> </span>input.md<span class="w"> </span>--standalone<span class="w"> </span><span class="p">|</span><span class="w"> </span>pandoc<span class="w"> </span>-f<span class="w"> </span>html<span class="w"> </span>-t<span class="w"> </span>FORMAT<span class="w"> </span>-o<span class="w"> </span>output.FILE
+    </pre>
+  </div>
 
   <ul>
 
@@ -742,32 +874,38 @@ ol ul {
 
 <hr />
   <h2 id="converting-to-docx">
-    Converting to DOCX
+    Converting&nbsp;to&nbsp;DOCX
   </h2>
 
   <p>
     Use Pandoc’s DOCX writer to produce Word documents from Apex HTML output:
   </p>
 
-<pre><code class="highlight language-bash">apex input.md <span class="nt">--standalone</span> <span class="se">\</span>
-  | pandoc <span class="nt">-f</span> html <span class="nt">-t</span> docx <span class="nt">-o</span> output.docx
-</code></pre>
+  <div class="highlight">
+<pre><span></span>apex<span class="w"> </span>input.md<span class="w"> </span>--standalone<span class="w"> </span><span class="se">\</span>
+<span class="w">  </span><span class="p">|</span><span class="w"> </span>pandoc<span class="w"> </span>-f<span class="w"> </span>html<span class="w"> </span>-t<span class="w"> </span>docx<span class="w"> </span>-o<span class="w"> </span>output.docx
+  </pre>
+</div>
 
 <p>
   You can also write the HTML to a file first:
 </p>
 
-<pre><code class="highlight language-bash">apex input.md <span class="nt">--standalone</span> <span class="nt">-o</span> output.html
-pandoc <span class="nt">-f</span> html <span class="nt">-t</span> docx output.html <span class="nt">-o</span> output.docx
-</code></pre>
+<div class="highlight">
+<pre><span></span>apex<span class="w"> </span>input.md<span class="w"> </span>--standalone<span class="w"> </span>-o<span class="w"> </span>output.html
+pandoc<span class="w"> </span>-f<span class="w"> </span>html<span class="w"> </span>-t<span class="w"> </span>docx<span class="w"> </span>output.html<span class="w"> </span>-o<span class="w"> </span>output.docx
+</pre>
+</div>
 
 <p>
   To set the document title from Apex:
 </p>
 
-<pre><code class="highlight language-bash">apex input.md <span class="nt">--standalone</span> <span class="nt">--title</span> <span class="s2">"My Document"</span> <span class="se">\</span>
-  | pandoc <span class="nt">-f</span> html <span class="nt">-t</span> docx <span class="nt">-o</span> output.docx
-</code></pre>
+<div class="highlight">
+<pre><span></span>apex<span class="w"> </span>input.md<span class="w"> </span>--standalone<span class="w"> </span>--title<span class="w"> </span><span class="s2">&quot;My Document&quot;</span><span class="w"> </span><span class="se">\</span>
+<span class="w">  </span><span class="p">|</span><span class="w"> </span>pandoc<span class="w"> </span>-f<span class="w"> </span>html<span class="w"> </span>-t<span class="w"> </span>docx<span class="w"> </span>-o<span class="w"> </span>output.docx
+</pre>
+</div>
 
 <p>
   Pandoc will use the <code>&lt;title&gt;</code> element from the HTML when available.
@@ -775,36 +913,42 @@ pandoc <span class="nt">-f</span> html <span class="nt">-t</span> docx output.ht
 
 <hr />
 <h2 id="converting-to-pdf">
-  Converting to PDF
+  Converting&nbsp;to&nbsp;PDF
 </h2>
 
 <p>
   You can generate PDFs by letting Pandoc handle the PDF engine (usually via LaTeX or a PDF HTML engine, depending on your Pandoc setup):
 </p>
 
-<pre><code class="highlight language-bash">apex input.md <span class="nt">--standalone</span> <span class="se">\</span>
-  | pandoc <span class="nt">-f</span> html <span class="nt">-t</span> pdf <span class="nt">-o</span> output.pdf
-</code></pre>
+<div class="highlight">
+<pre><span></span>apex<span class="w"> </span>input.md<span class="w"> </span>--standalone<span class="w"> </span><span class="se">\</span>
+<span class="w">  </span><span class="p">|</span><span class="w"> </span>pandoc<span class="w"> </span>-f<span class="w"> </span>html<span class="w"> </span>-t<span class="w"> </span>pdf<span class="w"> </span>-o<span class="w"> </span>output.pdf
+</pre>
+</div>
 
 <p>
   With an explicit title:
 </p>
 
-<pre><code class="highlight language-bash">apex input.md <span class="nt">--standalone</span> <span class="nt">--title</span> <span class="s2">"My PDF Document"</span> <span class="se">\</span>
-  | pandoc <span class="nt">-f</span> html <span class="nt">-t</span> pdf <span class="nt">-o</span> output.pdf
-</code></pre>
+<div class="highlight">
+<pre><span></span>apex<span class="w"> </span>input.md<span class="w"> </span>--standalone<span class="w"> </span>--title<span class="w"> </span><span class="s2">&quot;My PDF Document&quot;</span><span class="w"> </span><span class="se">\</span>
+<span class="w">  </span><span class="p">|</span><span class="w"> </span>pandoc<span class="w"> </span>-f<span class="w"> </span>html<span class="w"> </span>-t<span class="w"> </span>pdf<span class="w"> </span>-o<span class="w"> </span>output.pdf
+</pre>
+</div>
 
 <p>
   If you prefer an intermediate HTML file:
 </p>
 
-<pre><code class="highlight language-bash">apex input.md <span class="nt">--standalone</span> <span class="nt">-o</span> output.html
-pandoc <span class="nt">-f</span> html <span class="nt">-t</span> pdf output.html <span class="nt">-o</span> output.pdf
-</code></pre>
+<div class="highlight">
+<pre><span></span>apex<span class="w"> </span>input.md<span class="w"> </span>--standalone<span class="w"> </span>-o<span class="w"> </span>output.html
+pandoc<span class="w"> </span>-f<span class="w"> </span>html<span class="w"> </span>-t<span class="w"> </span>pdf<span class="w"> </span>output.html<span class="w"> </span>-o<span class="w"> </span>output.pdf
+</pre>
+</div>
 
 <hr />
 <h2 id="including-a-css-stylesheet">
-  Including a CSS Stylesheet
+  Including a CSS&nbsp;Stylesheet
 </h2>
 
 <p>
@@ -812,35 +956,41 @@ pandoc <span class="nt">-f</span> html <span class="nt">-t</span> pdf output.htm
 </p>
 
 <h3 id="linking-an-external-stylesheet">
-  Linking an external stylesheet
+  Linking an external&nbsp;stylesheet
 </h3>
 
-<pre><code class="highlight language-bash">apex input.md <span class="nt">--standalone</span> <span class="nt">--style</span> styles.css <span class="se">\</span>
-  | pandoc <span class="nt">-f</span> html <span class="nt">-t</span> pdf <span class="nt">-o</span> output.pdf
-</code></pre>
+<div class="highlight">
+<pre><span></span>apex<span class="w"> </span>input.md<span class="w"> </span>--standalone<span class="w"> </span>--style<span class="w"> </span>styles.css<span class="w"> </span><span class="se">\</span>
+<span class="w">  </span><span class="p">|</span><span class="w"> </span>pandoc<span class="w"> </span>-f<span class="w"> </span>html<span class="w"> </span>-t<span class="w"> </span>pdf<span class="w"> </span>-o<span class="w"> </span>output.pdf
+</pre>
+</div>
 
 <p>
   This produces HTML with:
 </p>
 
-<pre><code class="highlight language-html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"styles.css"</span><span class="nt">&gt;</span>
-</code></pre>
+<div class="highlight">
+<pre><span></span><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;styles.css&quot;</span><span class="p">&gt;</span>
+</pre>
+</div>
 
 <p>
   Pandoc uses this when rendering HTML‑based outputs.
 </p>
 
 <h3 id="embedding-css-into-the-html">
-  Embedding CSS into the HTML
+  Embedding CSS into&nbsp;the&nbsp;HTML
 </h3>
 
 <p>
   To avoid external file dependencies, embed CSS directly:
 </p>
 
-<pre><code class="highlight language-bash">apex input.md <span class="nt">--standalone</span> <span class="nt">--style</span> styles.css <span class="nt">--embed-css</span> <span class="se">\</span>
-  | pandoc <span class="nt">-f</span> html <span class="nt">-t</span> pdf <span class="nt">-o</span> output.pdf
-</code></pre>
+<div class="highlight">
+<pre><span></span>apex<span class="w"> </span>input.md<span class="w"> </span>--standalone<span class="w"> </span>--style<span class="w"> </span>styles.css<span class="w"> </span>--embed-css<span class="w"> </span><span class="se">\</span>
+<span class="w">  </span><span class="p">|</span><span class="w"> </span>pandoc<span class="w"> </span>-f<span class="w"> </span>html<span class="w"> </span>-t<span class="w"> </span>pdf<span class="w"> </span>-o<span class="w"> </span>output.pdf
+</pre>
+</div>
 
 <p>
   This inlines <code>styles.css</code> into a <code>&lt;style&gt;</code> block in the HTML <code>&lt;head&gt;</code>, which is convenient for sharing a single self‑contained document pipeline.
@@ -848,7 +998,7 @@ pandoc <span class="nt">-f</span> html <span class="nt">-t</span> pdf output.htm
 
 <hr />
 <h2 id="using-metadata-and-title">
-  Using Metadata and Title
+  Using Metadata&nbsp;and&nbsp;Title
 </h2>
 
 <p>
@@ -856,62 +1006,72 @@ pandoc <span class="nt">-f</span> html <span class="nt">-t</span> pdf output.htm
 </p>
 
 <h3 id="yaml-front-matter">
-  YAML front matter
+  YAML front&nbsp;matter
 </h3>
 
 <p>
   In your Markdown:
 </p>
 
-<pre><code class="highlight language-yaml"><span class="nn">---</span>
-<span class="na">title</span><span class="pi">:</span> <span class="s">My Research Paper</span>
-<span class="na">author</span><span class="pi">:</span> <span class="s">Jane Example</span>
-<span class="na">date</span><span class="pi">:</span> <span class="s">2024-01-01</span>
+<div class="highlight">
+<pre><span></span><span class="nn">---</span>
+<span class="nt">title</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">My Research Paper</span>
+<span class="nt">author</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">Jane Example</span>
+<span class="nt">date</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">2024-01-01</span>
 <span class="nn">---</span>
-</code></pre>
+</pre>
+</div>
 
 <p>
   Then:
 </p>
 
-<pre><code class="highlight language-bash">apex input.md <span class="nt">--standalone</span> <span class="se">\</span>
-  | pandoc <span class="nt">-f</span> html <span class="nt">-t</span> docx <span class="nt">-o</span> output.docx
-</code></pre>
+<div class="highlight">
+<pre><span></span>apex<span class="w"> </span>input.md<span class="w"> </span>--standalone<span class="w"> </span><span class="se">\</span>
+<span class="w">  </span><span class="p">|</span><span class="w"> </span>pandoc<span class="w"> </span>-f<span class="w"> </span>html<span class="w"> </span>-t<span class="w"> </span>docx<span class="w"> </span>-o<span class="w"> </span>output.docx
+</pre>
+</div>
 
 <p>
   Apex will turn this into appropriate HTML metadata (including <code>&lt;title&gt;</code>), which Pandoc can map into the target format’s title and author fields.
 </p>
 
 <h3 id="external-metadata-file">
-  External metadata file
+  External metadata&nbsp;file
 </h3>
 
 <p>
   You can load shared metadata for multiple documents:
 </p>
 
-<pre><code class="highlight language-yaml"><span class="c1"># meta.yml</span>
-<span class="na">title</span><span class="pi">:</span> <span class="s">Shared Title</span>
-<span class="na">author</span><span class="pi">:</span> <span class="s">Team Apex</span>
-</code></pre>
+<div class="highlight">
+<pre><span></span><span class="c1"># meta.yml</span>
+<span class="nt">title</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">Shared Title</span>
+<span class="nt">author</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">Team Apex</span>
+</pre>
+</div>
 
-<pre><code class="highlight language-bash">apex input.md <span class="nt">--standalone</span> <span class="nt">--meta-file</span> meta.yml <span class="se">\</span>
-  | pandoc <span class="nt">-f</span> html <span class="nt">-t</span> pdf <span class="nt">-o</span> output.pdf
-</code></pre>
+<div class="highlight">
+<pre><span></span>apex<span class="w"> </span>input.md<span class="w"> </span>--standalone<span class="w"> </span>--meta-file<span class="w"> </span>meta.yml<span class="w"> </span><span class="se">\</span>
+<span class="w">  </span><span class="p">|</span><span class="w"> </span>pandoc<span class="w"> </span>-f<span class="w"> </span>html<span class="w"> </span>-t<span class="w"> </span>pdf<span class="w"> </span>-o<span class="w"> </span>output.pdf
+</pre>
+</div>
 
 <h3 id="inline-cli-metadata">
-  Inline CLI metadata
+  Inline CLI&nbsp;metadata
 </h3>
 
 <p>
   You can set or override metadata from the command line:
 </p>
 
-<pre><code class="highlight language-bash">apex input.md <span class="nt">--standalone</span> <span class="se">\</span>
-  | pandoc <span class="nt">-f</span> html <span class="nt">-t</span> docx <span class="nt">-o</span> output.docx <span class="se">\</span>
-      <span class="nt">--metadata</span><span class="o">=</span><span class="nv">author</span><span class="o">=</span><span class="s2">"Your Name"</span> <span class="se">\</span>
-      <span class="nt">--metadata</span><span class="o">=</span><span class="nv">subject</span><span class="o">=</span><span class="s2">"Project Report"</span>
-</code></pre>
+<div class="highlight">
+<pre><span></span>apex<span class="w"> </span>input.md<span class="w"> </span>--standalone<span class="w"> </span><span class="se">\</span>
+<span class="w">  </span><span class="p">|</span><span class="w"> </span>pandoc<span class="w"> </span>-f<span class="w"> </span>html<span class="w"> </span>-t<span class="w"> </span>docx<span class="w"> </span>-o<span class="w"> </span>output.docx<span class="w"> </span><span class="se">\</span>
+<span class="w">      </span>--metadata<span class="o">=</span><span class="nv">author</span><span class="o">=</span><span class="s2">&quot;Your Name&quot;</span><span class="w"> </span><span class="se">\</span>
+<span class="w">      </span>--metadata<span class="o">=</span><span class="nv">subject</span><span class="o">=</span><span class="s2">&quot;Project Report&quot;</span>
+</pre>
+</div>
 
 <p>
   This lets you mix Apex’s metadata (front matter, <code>--meta-file</code>) with Pandoc’s own metadata flags.
@@ -919,7 +1079,7 @@ pandoc <span class="nt">-f</span> html <span class="nt">-t</span> pdf output.htm
 
 <hr />
 <h2 id="other-useful-formats">
-  Other Useful Formats
+  Other Useful&nbsp;Formats
 </h2>
 
 <p>
@@ -934,9 +1094,11 @@ pandoc <span class="nt">-f</span> html <span class="nt">-t</span> pdf output.htm
       RTF
     </p>
 
-<pre><code class="highlight language-bash">apex input.md <span class="nt">--standalone</span> <span class="se">\</span>
-  | pandoc <span class="nt">-f</span> html <span class="nt">-t</span> rtf <span class="nt">-o</span> output.rtf
-</code></pre>
+    <div class="highlight">
+<pre><span></span>apex<span class="w"> </span>input.md<span class="w"> </span>--standalone<span class="w"> </span><span class="se">\</span>
+<span class="w">  </span><span class="p">|</span><span class="w"> </span>pandoc<span class="w"> </span>-f<span class="w"> </span>html<span class="w"> </span>-t<span class="w"> </span>rtf<span class="w"> </span>-o<span class="w"> </span>output.rtf
+    </pre>
+  </div>
 
 </li>
 
@@ -946,9 +1108,11 @@ pandoc <span class="nt">-f</span> html <span class="nt">-t</span> pdf output.htm
     OPML (outline)
   </p>
 
-<pre><code class="highlight language-bash">apex input.md <span class="nt">--standalone</span> <span class="se">\</span>
-  | pandoc <span class="nt">-f</span> html <span class="nt">-t</span> opml <span class="nt">-o</span> output.opml
-</code></pre>
+  <div class="highlight">
+<pre><span></span>apex<span class="w"> </span>input.md<span class="w"> </span>--standalone<span class="w"> </span><span class="se">\</span>
+<span class="w">  </span><span class="p">|</span><span class="w"> </span>pandoc<span class="w"> </span>-f<span class="w"> </span>html<span class="w"> </span>-t<span class="w"> </span>opml<span class="w"> </span>-o<span class="w"> </span>output.opml
+  </pre>
+</div>
 
 </li>
 
@@ -958,9 +1122,11 @@ pandoc <span class="nt">-f</span> html <span class="nt">-t</span> pdf output.htm
     ODT (LibreOffice/OpenOffice)
   </p>
 
-<pre><code class="highlight language-bash">apex input.md <span class="nt">--standalone</span> <span class="se">\</span>
-  | pandoc <span class="nt">-f</span> html <span class="nt">-t</span> odt <span class="nt">-o</span> output.odt
-</code></pre>
+  <div class="highlight">
+<pre><span></span>apex<span class="w"> </span>input.md<span class="w"> </span>--standalone<span class="w"> </span><span class="se">\</span>
+<span class="w">  </span><span class="p">|</span><span class="w"> </span>pandoc<span class="w"> </span>-f<span class="w"> </span>html<span class="w"> </span>-t<span class="w"> </span>odt<span class="w"> </span>-o<span class="w"> </span>output.odt
+  </pre>
+</div>
 
 </li>
 
@@ -970,14 +1136,35 @@ pandoc <span class="nt">-f</span> html <span class="nt">-t</span> pdf output.htm
     EPUB
   </p>
 
-<pre><code class="highlight language-bash">apex input.md <span class="nt">--standalone</span> <span class="se">\</span>
-  | pandoc <span class="nt">-f</span> html <span class="nt">-t</span> epub <span class="nt">-o</span> output.epub
-</code></pre>
+  <div class="highlight">
+<pre><span></span>apex<span class="w"> </span>input.md<span class="w"> </span>--standalone<span class="w"> </span><span class="se">\</span>
+<span class="w">  </span><span class="p">|</span><span class="w"> </span>pandoc<span class="w"> </span>-f<span class="w"> </span>html<span class="w"> </span>-t<span class="w"> </span>epub<span class="w"> </span>-o<span class="w"> </span>output.epub
+  </pre>
+</div>
 
 </li>
 
 </ul>
 
+<hr />
+<h2 id="preprocessing-with-md-fixup">
+  Preprocessing with&nbsp;md-fixup
+</h2>
+
+<p>
+  For a complete pipeline, you can preprocess your Markdown with <a href="https://github.com/ttscoff/md-fixup">md-fixup</a> before passing it to Apex:
+</p>
+
+<div class="highlight">
+<pre><span></span>md-fixup<span class="w"> </span>input.md<span class="w"> </span><span class="p">|</span><span class="w"> </span>apex<span class="w"> </span>--standalone<span class="w"> </span><span class="p">|</span><span class="w"> </span>pandoc<span class="w"> </span>-f<span class="w"> </span>html<span class="w"> </span>-t<span class="w"> </span>docx<span class="w"> </span>-o<span class="w"> </span>output.docx
+</pre>
+</div>
+
+<p>
+  md-fixup can fix common Markdown issues and apply search-and-replace transformations before Apex processes the document. See <a href="Usage#preprocessing-with-md-fixup">Usage</a> for more details.
+</p>
+
+<hr />
 <p>
   By combining Apex and Pandoc, you can keep Apex focused on Markdown parsing and HTML generation while Pandoc handles the heavy lifting for complex document formats.
 </p>