apex-ruby 1.0.18 → 1.0.20

data/ext/apex_ext/apex_src/documentation/docsets/Apex.docset/Contents/Resources/Documents/Header-IDs.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,30 +832,32 @@ 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="header-ids">
-      Header IDs
+      Header&nbsp;IDs
     </h1>
-<nav class="page-toc" id="page-toc-top"><ul><li><a href="#header-ids">Header IDs</a><ul><li><a href="#automatic-generation">Automatic Generation</a></li><li><a href="#id-formats">ID Formats</a><ul><li><a href="#gfm-format-default">GFM Format (Default)</a></li><li><a href="#multimarkdown-format">MultiMarkdown Format</a></li><li><a href="#kramdown-format">Kramdown Format</a></li></ul></li><li><a href="#setting-id-format">Setting ID Format</a><ul><li><a href="#by-mode">By Mode</a></li><li><a href="#override-in-unified-mode">Override in Unified Mode</a></li></ul></li><li><a href="#manual-header-ids">Manual Header IDs</a><ul><li><a href="#multimarkdown-syntax">MultiMarkdown Syntax</a></li><li><a href="#kramdown-syntax">Kramdown Syntax</a></li><li><a href="#inline-attribute-list-ial">Inline Attribute List (IAL)</a></li></ul></li><li><a href="#anchor-tags-vs-ids">Anchor Tags vs. IDs</a></li><li><a href="#examples">Examples</a><ul><li><a href="#gfm-format">GFM Format</a></li><li><a href="#multimarkdown-format">MultiMarkdown Format</a></li><li><a href="#kramdown-format">Kramdown Format</a></li></ul></li><li><a href="#linking-to-headers">Linking to Headers</a></li><li><a href="#table-of-contents">Table of Contents</a></li><li><a href="#related">Related</a></li></ul></li></ul></nav>
+<nav class="page-toc" id="page-toc-top"><ul><li><a href="#header-ids">Header&nbsp;IDs</a><ul><li><a href="#automatic-generation">Automatic&nbsp;Generation</a></li><li><a href="#id-formats">ID&nbsp;Formats</a><ul><li><a href="#gfm-format-default">GFM Format&nbsp;(Default)</a></li><li><a href="#multimarkdown-format">MultiMarkdown&nbsp;Format</a></li><li><a href="#kramdown-format">Kramdown&nbsp;Format</a></li></ul></li><li><a href="#setting-id-format">Setting&nbsp;ID&nbsp;Format</a><ul><li><a href="#by-mode">By&nbsp;Mode</a></li><li><a href="#override-in-unified-mode">Override in Unified&nbsp;Mode</a></li></ul></li><li><a href="#manual-header-ids">Manual&nbsp;Header&nbsp;IDs</a><ul><li><a href="#multimarkdown-syntax">MultiMarkdown&nbsp;Syntax</a></li><li><a href="#kramdown-syntax">Kramdown&nbsp;Syntax</a></li><li><a href="#inline-attribute-list-ial">Inline Attribute&nbsp;List&nbsp;(IAL)</a></li></ul></li><li><a href="#anchor-tags-vs-ids">Anchor Tags&nbsp;vs.&nbsp;IDs</a></li><li><a href="#examples">Examples</a><ul><li><a href="#gfm-format">GFM&nbsp;Format</a></li><li><a href="#multimarkdown-format">MultiMarkdown&nbsp;Format</a></li><li><a href="#kramdown-format">Kramdown&nbsp;Format</a></li></ul></li><li><a href="#linking-to-headers">Linking&nbsp;to&nbsp;Headers</a></li><li><a href="#table-of-contents">Table of&nbsp;Contents</a></li><li><a href="#related">Related</a></li></ul></li></ul></nav>
 
     <p>
       Apex automatically generates unique IDs for all headers, making it easy to link to specific sections. Different processor modes use different ID generation rules.
     </p>
 
     <h2 id="automatic-generation">
-      Automatic Generation
+      Automatic&nbsp;Generation
     </h2>
 
     <p>
       By default, Apex generates header IDs automatically. You can disable this with <code>--no-ids</code>:
     </p>
 
-<pre><code class="highlight language-bash">apex document.md <span class="nt">--no-ids</span>
-</code></pre>
+    <div class="highlight">
+<pre><span></span>apex<span class="w"> </span>document.md<span class="w"> </span>--no-ids
+    </pre>
+  </div>
 
   <h2 id="id-formats">
-    ID Formats
+    ID&nbsp;Formats
   </h2>
 
   <p>
@@ -733,7 +865,7 @@ ol ul {
   </p>
 
   <h3 id="gfm-format-default">
-    GFM Format (Default)
+    GFM Format&nbsp;(Default)
   </h3>
 
   <p>
@@ -741,7 +873,7 @@ ol ul {
   </p>
 
   <p>
-<strong>    Rules:</strong>
+    <strong>Rules:</strong>
   </p>
 
   <ul>
@@ -767,7 +899,7 @@ ol ul {
     </li>
 
     <li>
-<strong>      Emojis are converted to their textual names</strong> (e.g., 😄 → “smile”, 🚀 → “rocket”)
+      <strong>Emojis are converted to their textual names</strong> (e.g., 😄 → “smile”, 🚀 → “rocket”)
     </li>
 
     <li>
@@ -781,37 +913,39 @@ ol ul {
   </ul>
 
   <p>
-<strong>    Examples:</strong>
+    <strong>Examples:</strong>
   </p>
 
-<pre><code class="highlight language-markdown"><span class="gh"># Emoji Support</span>
-→ id="emoji-support"
+  <div class="highlight">
+<pre><span></span><span class="gh"># Emoji Support</span>
+→ id=&quot;emoji-support&quot;
 
 <span class="gh"># 😄 Emoji Support</span>
-→ id="smile-emoji-support"
+→ id=&quot;smile-emoji-support&quot;
 
 <span class="gh"># 🚀</span>
-→ id="rocket"
+→ id=&quot;rocket&quot;
 
 <span class="gh"># 👍 👎</span>
-→ id="thumbsup-thumbsdown"
+→ id=&quot;thumbsup-thumbsdown&quot;
 
 <span class="gh"># Hello—World</span>
-→ id="helloworld"
+→ id=&quot;helloworld&quot;
 
 <span class="gh"># C++ Programming</span>
-→ id="c-programming"
+→ id=&quot;c-programming&quot;
 
 <span class="gh"># Déjà Vu</span>
-→ id="deja-vu"
-</code></pre>
+→ id=&quot;deja-vu&quot;
+  </pre>
+</div>
 
 <p>
-<strong>  Note:</strong> Emoji-to-name conversion matches Pandoc’s GFM behavior, ensuring emojis in headers are represented as readable text in IDs. This only applies to GFM format; MMD and Kramdown formats preserve emojis as-is or remove them according to their respective rules.
+  <strong>Note:</strong> Emoji-to-name conversion matches Pandoc’s GFM behavior, ensuring emojis in headers are represented as readable text in IDs. This only applies to GFM format; MMD and Kramdown formats preserve emojis as-is or remove them according to their respective rules.
 </p>
 
 <h3 id="multimarkdown-format">
-  MultiMarkdown Format
+  MultiMarkdown&nbsp;Format
 </h3>
 
 <p>
@@ -819,7 +953,7 @@ ol ul {
 </p>
 
 <p>
-<strong>  Rules:</strong>
+  <strong>Rules:</strong>
 </p>
 
 <ul>
@@ -851,21 +985,23 @@ ol ul {
 </ul>
 
 <p>
-<strong>  Examples:</strong>
+  <strong>Examples:</strong>
 </p>
 
-<pre><code class="highlight language-markdown"><span class="gh"># Header—One</span>
-→ id="header—one"
+<div class="highlight">
+<pre><span></span><span class="gh"># Header—One</span>
+→ id=&quot;header—one&quot;
 
 <span class="gh"># Hello World</span>
-→ id="helloworld"
+→ id=&quot;helloworld&quot;
 
 <span class="gh"># Déjà Vu</span>
-→ id="déjà-vu"
-</code></pre>
+→ id=&quot;déjà-vu&quot;
+</pre>
+</div>
 
 <h3 id="kramdown-format">
-  Kramdown Format
+  Kramdown&nbsp;Format
 </h3>
 
 <p>
@@ -873,7 +1009,7 @@ ol ul {
 </p>
 
 <p>
-<strong>  Rules:</strong>
+  <strong>Rules:</strong>
 </p>
 
 <ul>
@@ -913,25 +1049,27 @@ ol ul {
 </ul>
 
 <p>
-<strong>  Examples:</strong>
+  <strong>Examples:</strong>
 </p>
 
-<pre><code class="highlight language-markdown"><span class="gh"># Hello, World!</span>
-→ id="hello-world"
+<div class="highlight">
+<pre><span></span><span class="gh"># Hello, World!</span>
+→ id=&quot;hello-world&quot;
 
 <span class="gh"># C++ Programming</span>
-→ id="c-programming"
+→ id=&quot;c-programming&quot;
 
 <span class="gh"># Test (Example)</span>
-→ id="test-example"
-</code></pre>
+→ id=&quot;test-example&quot;
+</pre>
+</div>
 
 <h2 id="setting-id-format">
-  Setting ID Format
+  Setting&nbsp;ID&nbsp;Format
 </h2>
 
 <h3 id="by-mode">
-  By Mode
+  By&nbsp;Mode
 </h3>
 
 <p>
@@ -959,22 +1097,24 @@ ol ul {
 </ul>
 
 <h3 id="override-in-unified-mode">
-  Override in Unified Mode
+  Override in Unified&nbsp;Mode
 </h3>
 
 <p>
   In unified mode, you can override the default GFM format:
 </p>
 
-<pre><code class="highlight language-bash"><span class="c"># Use MMD format in unified mode</span>
-apex document.md <span class="nt">--mode</span> unified <span class="nt">--id-format</span> mmd
+<div class="highlight">
+<pre><span></span><span class="c1"># Use MMD format in unified mode</span>
+apex<span class="w"> </span>document.md<span class="w"> </span>--mode<span class="w"> </span>unified<span class="w"> </span>--id-format<span class="w"> </span>mmd
 
-<span class="c"># Use Kramdown format in unified mode</span>
-apex document.md <span class="nt">--mode</span> unified <span class="nt">--id-format</span> kramdown
-</code></pre>
+<span class="c1"># Use Kramdown format in unified mode</span>
+apex<span class="w"> </span>document.md<span class="w"> </span>--mode<span class="w"> </span>unified<span class="w"> </span>--id-format<span class="w"> </span>kramdown
+</pre>
+</div>
 
 <h2 id="manual-header-ids">
-  Manual Header IDs
+  Manual&nbsp;Header&nbsp;IDs
 </h2>
 
 <p>
@@ -982,54 +1122,66 @@ apex document.md <span class="nt">--mode</span> unified <span class="nt">--id-fo
 </p>
 
 <h3 id="multimarkdown-syntax">
-  MultiMarkdown Syntax
+  MultiMarkdown&nbsp;Syntax
 </h3>
 
-<pre><code class="highlight language-markdown"><span class="gu">### Heading 1 [heading1]</span>
-</code></pre>
+<div class="highlight">
+<pre><span></span><span class="gu">### Heading 1 [heading1]</span>
+</pre>
+</div>
 
 <h3 id="kramdown-syntax">
-  Kramdown Syntax
+  Kramdown&nbsp;Syntax
 </h3>
 
-<pre><code class="highlight language-markdown"><span class="gu">### Heading 1 {#heading1}</span>
-</code></pre>
+<div class="highlight">
+<pre><span></span><span class="gu">### Heading 1 {#heading1}</span>
+</pre>
+</div>
 
 <h3 id="inline-attribute-list-ial">
-  Inline Attribute List (IAL)
+  Inline Attribute&nbsp;List&nbsp;(IAL)
 </h3>
 
-<pre><code class="highlight language-markdown"><span class="gu">### Heading 1 {: #heading1}</span>
-</code></pre>
+<div class="highlight">
+<pre><span></span><span class="gu">### Heading 1 {: #heading1}</span>
+</pre>
+</div>
 
 <p>
   Manual IDs take precedence over auto-generated IDs.
 </p>
 
 <h2 id="anchor-tags-vs-ids">
-  Anchor Tags vs. IDs
+  Anchor Tags&nbsp;vs.&nbsp;IDs
 </h2>
 
 <p>
   By default, Apex adds <code>id</code> attributes directly to header elements:
 </p>
 
-<pre><code class="highlight language-html"><span class="nt">&lt;h1</span> <span class="na">id=</span><span class="s">"my-header"</span><span class="nt">&gt;</span>My Header<span class="nt">&lt;/h1&gt;</span>
-</code></pre>
+<div class="highlight">
+<pre><span></span><span class="p">&lt;</span><span class="nt">h1</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;my-header&quot;</span><span class="p">&gt;</span>My Header<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span>
+</pre>
+</div>
 
 <p>
   You can generate <code>&lt;a&gt;</code> anchor tags instead:
 </p>
 
-<pre><code class="highlight language-bash">apex document.md <span class="nt">--header-anchors</span>
-</code></pre>
+<div class="highlight">
+<pre><span></span>apex<span class="w"> </span>document.md<span class="w"> </span>--header-anchors
+</pre>
+</div>
 
 <p>
   This produces:
 </p>
 
-<pre><code class="highlight language-html"><span class="nt">&lt;h1&gt;&lt;a</span> <span class="na">id=</span><span class="s">"my-header"</span> <span class="na">href=</span><span class="s">"#my-header"</span><span class="nt">&gt;</span>My Header<span class="nt">&lt;/a&gt;&lt;/h1&gt;</span>
-</code></pre>
+<div class="highlight">
+<pre><span></span><span class="p">&lt;</span><span class="nt">h1</span><span class="p">&gt;&lt;</span><span class="nt">a</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;my-header&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;#my-header&quot;</span><span class="p">&gt;</span>My Header<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span>
+</pre>
+</div>
 
 <p>
   This format is compatible with some Markdown processors that use anchor tags.
@@ -1040,83 +1192,101 @@ apex document.md <span class="nt">--mode</span> unified <span class="nt">--id-fo
 </h2>
 
 <h3 id="gfm-format">
-  GFM Format
+  GFM&nbsp;Format
 </h3>
 
-<pre><code class="highlight language-markdown"><span class="gh"># Getting Started with Apex</span>
+<div class="highlight">
+<pre><span></span><span class="gh"># Getting Started with Apex</span>
 <span class="gh"># Advanced Features</span>
 <span class="gh"># C++ Integration</span>
-</code></pre>
+</pre>
+</div>
 
 <p>
   Becomes:
 </p>
 
-<pre><code class="highlight language-html"><span class="nt">&lt;h1</span> <span class="na">id=</span><span class="s">"getting-started-with-apex"</span><span class="nt">&gt;</span>Getting Started with Apex<span class="nt">&lt;/h1&gt;</span>
-<span class="nt">&lt;h1</span> <span class="na">id=</span><span class="s">"advanced-features"</span><span class="nt">&gt;</span>Advanced Features<span class="nt">&lt;/h1&gt;</span>
-<span class="nt">&lt;h1</span> <span class="na">id=</span><span class="s">"c-integration"</span><span class="nt">&gt;</span>C Integration<span class="nt">&lt;/h1&gt;</span>
-</code></pre>
+<div class="highlight">
+<pre><span></span><span class="p">&lt;</span><span class="nt">h1</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;getting-started-with-apex&quot;</span><span class="p">&gt;</span>Getting Started with Apex<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span>
+<span class="p">&lt;</span><span class="nt">h1</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;advanced-features&quot;</span><span class="p">&gt;</span>Advanced Features<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span>
+<span class="p">&lt;</span><span class="nt">h1</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;c-integration&quot;</span><span class="p">&gt;</span>C Integration<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span>
+</pre>
+</div>
 
 <h3 id="multimarkdown-format">
-  MultiMarkdown Format
+  MultiMarkdown&nbsp;Format
 </h3>
 
-<pre><code class="highlight language-markdown"><span class="gh"># Getting Started with Apex</span>
+<div class="highlight">
+<pre><span></span><span class="gh"># Getting Started with Apex</span>
 <span class="gh"># Advanced Features</span>
 <span class="gh"># C++ Integration</span>
-</code></pre>
+</pre>
+</div>
 
 <p>
   With <code>--id-format mmd</code>:
 </p>
 
-<pre><code class="highlight language-html"><span class="nt">&lt;h1</span> <span class="na">id=</span><span class="s">"gettingstartedwithapex"</span><span class="nt">&gt;</span>Getting Started with Apex<span class="nt">&lt;/h1&gt;</span>
-<span class="nt">&lt;h1</span> <span class="na">id=</span><span class="s">"advancedfeatures"</span><span class="nt">&gt;</span>Advanced Features<span class="nt">&lt;/h1&gt;</span>
-<span class="nt">&lt;h1</span> <span class="na">id=</span><span class="s">"cintegration"</span><span class="nt">&gt;</span>C Integration<span class="nt">&lt;/h1&gt;</span>
-</code></pre>
+<div class="highlight">
+<pre><span></span><span class="p">&lt;</span><span class="nt">h1</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;gettingstartedwithapex&quot;</span><span class="p">&gt;</span>Getting Started with Apex<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span>
+<span class="p">&lt;</span><span class="nt">h1</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;advancedfeatures&quot;</span><span class="p">&gt;</span>Advanced Features<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span>
+<span class="p">&lt;</span><span class="nt">h1</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;cintegration&quot;</span><span class="p">&gt;</span>C Integration<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span>
+</pre>
+</div>
 
 <h3 id="kramdown-format">
-  Kramdown Format
+  Kramdown&nbsp;Format
 </h3>
 
-<pre><code class="highlight language-markdown"><span class="gh"># Getting Started with Apex</span>
+<div class="highlight">
+<pre><span></span><span class="gh"># Getting Started with Apex</span>
 <span class="gh"># Advanced Features</span>
 <span class="gh"># C++ Integration</span>
-</code></pre>
+</pre>
+</div>
 
 <p>
   With <code>--id-format kramdown</code>:
 </p>
 
-<pre><code class="highlight language-html"><span class="nt">&lt;h1</span> <span class="na">id=</span><span class="s">"getting-started-with-apex"</span><span class="nt">&gt;</span>Getting Started with Apex<span class="nt">&lt;/h1&gt;</span>
-<span class="nt">&lt;h1</span> <span class="na">id=</span><span class="s">"advanced-features"</span><span class="nt">&gt;</span>Advanced Features<span class="nt">&lt;/h1&gt;</span>
-<span class="nt">&lt;h1</span> <span class="na">id=</span><span class="s">"c-integration"</span><span class="nt">&gt;</span>C Integration<span class="nt">&lt;/h1&gt;</span>
-</code></pre>
+<div class="highlight">
+<pre><span></span><span class="p">&lt;</span><span class="nt">h1</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;getting-started-with-apex&quot;</span><span class="p">&gt;</span>Getting Started with Apex<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span>
+<span class="p">&lt;</span><span class="nt">h1</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;advanced-features&quot;</span><span class="p">&gt;</span>Advanced Features<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span>
+<span class="p">&lt;</span><span class="nt">h1</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;c-integration&quot;</span><span class="p">&gt;</span>C Integration<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span>
+</pre>
+</div>
 
 <h2 id="linking-to-headers">
-  Linking to Headers
+  Linking&nbsp;to&nbsp;Headers
 </h2>
 
 <p>
   Once headers have IDs, you can link to them:
 </p>
 
-<pre><code class="highlight language-markdown"><span class="p">[</span><span class="nv">Link to section</span><span class="p">](</span><span class="sx">#getting-started-with-apex</span><span class="p">)</span>
-</code></pre>
+<div class="highlight">
+<pre><span></span>[<span class="nt">Link to section</span>](<span class="na">#getting-started-with-apex</span>)
+</pre>
+</div>
 
 <p>
   Or with wiki links (requires <code>--wikilinks</code> flag):
 </p>
 
-<pre><code class="highlight language-markdown">[[Document#getting-started-with-apex]]
-</code></pre>
+<div class="highlight">
+<pre><span></span>[[Document#getting-started-with-apex]]
+</pre>
+</div>
 
 <h2 id="table-of-contents">
-  Table of Contents
+  Table of&nbsp;Contents
 </h2>
 
 <p>
   Apex’s TOC generation automatically uses the same ID format as your headers. See <a href="Syntax.html">Syntax</a> for TOC details.
+  The <code>-t toc</code> output format uses the same generated or manual header IDs for its Markdown links.
+  Library consumers can also request structured outline entries via <code>apex_markdown_to_toc_entries</code> (<a href="C-API#structured-toc-entries">C API</a>) or <code>tableOfContentsWithApex:</code> (<a href="Xcode-Integration#table-of-contents-outline-data">Xcode Integration</a>).
 </p>
 
 <h2 id="related">
@@ -1126,15 +1296,15 @@ apex document.md <span class="nt">--mode</span> unified <span class="nt">--id-fo
 <ul>
 
   <li>
-<a href="Modes.html">    Modes</a> - How modes affect ID generation
+    <a href="Modes.html">Modes</a> - How modes affect ID generation
   </li>
 
   <li>
-<a href="Command-Line-Options.html">    Command Line Options</a> - ID-related flags
+    <a href="Command-Line-Options.html">Command Line Options</a> - ID-related flags
   </li>
 
   <li>
-<a href="Syntax.html">    Syntax</a> - Manual ID syntax
+    <a href="Syntax.html">Syntax</a> - Manual ID syntax
   </li>
 
 </ul>