npm - @flamingo-stack/openframe-frontend-core - Versions diffs - 0.0.508 → 0.0.509 - Mend

@flamingo-stack/openframe-frontend-core 0.0.508 → 0.0.509

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (306) hide show

package/src/components/ui/__tests__/__snapshots__/markdown-parity.test.tsx.snap ADDED Viewed

@@ -0,0 +1,2420 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+exports[`RichMarkdownRenderer golden parity > renders fixture: audit-reddit-embed-bq 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><div data-mock="reddit" data-url="https://www.reddit.com/r/msp/comments/abc/post/"></div>
+&lt;script async src="https://embed.reddit.com/widgets.js" charset="UTF-8"&gt;&lt;/script&gt;</article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: audit-style-attrs 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><div class="takeaway" style="padding: 8px;">Key point</div>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">styled para</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: authored-text-input 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><form><input><button>go</button></form></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: auto-url-figma 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">design</p>
+<div data-mock="figma" data-url="https://www.figma.com/proto/xyz/Proto-File"></div>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">end</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: auto-url-generic-link-preview 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">read</p>
+<div data-mock="og-preview" data-url="https://blog.example.com/post-1"></div>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">tonight</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: auto-url-inside-code-not-embedded 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">code <code class="font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border">https://blog.example.com/post-3</code> inline</p>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">arduino</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-arduino hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">https:<span class="hljs-comment">//blog.example.com/post-4</span>
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: auto-url-inside-md-link-not-embedded 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">already <a href="https://blog.example.com/post-2" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 " target="_blank" rel="noopener noreferrer">a link</a> inline</p></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: auto-url-inside-table-not-embedded 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none">
+<div class="table-container my-6 overflow-x-auto"><div class="min-w-full border rounded-lg border-ods-border bg-ods-card"><table class="w-full table-fixed md:table-auto"><thead class="bg-ods-bg-surface"><tr><th class="px-2 md:px-4 py-3 text-left font-semibold text-ods-accent border-r last:border-r-0 break-words border-ods-border text-xs md:text-sm">Site</th></tr></thead><tbody><tr><td class="px-2 md:px-4 py-3 border-r last:border-r-0 border-b break-words whitespace-normal text-ods-text-primary border-ods-border text-xs md:text-sm"><a href="https://blog.example.com/post-5" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 " target="_blank" rel="noopener noreferrer">https://blog.example.com/post-5</a></td></tr></tbody></table></div></div></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: auto-url-reddit 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">thread</p>
+<div data-mock="reddit" data-url="https://www.reddit.com/r/msp/comments/9/thread"></div>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">here</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: auto-url-tweet 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">see</p>
+<div data-mock="twitter" data-url="https://x.com/user/status/999888"></div>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">today</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: auto-url-youtube 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">watch this</p>
+<div data-mock="video" data-kind="youtube" data-url="dQw4w9WgXcQ" data-poster=""></div>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">now</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: bare-title-tag-is-inert 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><h1 id="real-post" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-ods-text-primary text-[32px] md:text-[40px] lg:text-[48px] leading-[1.25]">Real Post</h1>
+Buy cheap pills
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">body</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: blockquote 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-[1.125em]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">A quoted paragraph<br>
+spanning two lines.</p>
+</div></blockquote></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: blockquote-with-blank-line 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-[1.125em]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">first quoted para</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">second quoted para</p>
+</div></blockquote></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: closed-iframe-still-renders 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Hello</p>
+<iframe src="https://example.com/frame" width="300"></iframe>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">more</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: closed-textarea-still-renders 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Hello</p>
+<textarea>edit me</textarea>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">more</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: comment-marker-in-inline-code-does-not-blank-to-eof 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Use <code class="font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border">&lt;!--</code> to start a comment.</p>
+<textarea>hi</textarea></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: empty-image 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"></p></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: fence-figma-embed 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">figma</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-figma hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">https://www.figma.com/deck/q/Deck
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: fence-link-preview 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">link</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-link hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">https://example.com/fenced
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: fence-linkedin-embed 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">linkedin</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-linkedin hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">https://www.linkedin.com/posts/p_activity-2
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: fence-reddit-embed 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">reddit</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-reddit hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">https://reddit.com/r/x/comments/2/y
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: fence-tweet-embed 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">tweet</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-tweet hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">https://twitter.com/a/status/777
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: fence-youtube-embed 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">youtube</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-youtube hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">vidFENCE1
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: fenced-code-js 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">js</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-js hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-keyword">const</span> x = <span class="hljs-number">1</span>;
+<span class="hljs-variable language_">console</span>.<span class="hljs-title function_">log</span>(x &lt; <span class="hljs-number">2</span> &amp;&amp; x &gt; <span class="hljs-number">0</span>);
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: fenced-code-unknown-lang 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">qwerty</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-qwerty hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">some text &lt; with &gt; angles
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: gfm-table 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none">
+<div class="table-container my-6 overflow-x-auto"><div class="min-w-full border rounded-lg border-ods-border bg-ods-card"><table class="w-full table-fixed md:table-auto"><thead class="bg-ods-bg-surface"><tr><th class="px-2 md:px-4 py-3 text-left font-semibold text-ods-accent border-r last:border-r-0 break-words border-ods-border text-xs md:text-sm">Col A</th><th class="px-2 md:px-4 py-3 text-left font-semibold text-ods-accent border-r last:border-r-0 break-words border-ods-border text-xs md:text-sm">Col B</th></tr></thead><tbody><tr><td class="px-2 md:px-4 py-3 border-r last:border-r-0 border-b break-words whitespace-normal text-ods-text-primary border-ods-border text-xs md:text-sm">a1</td><td class="px-2 md:px-4 py-3 border-r last:border-r-0 border-b break-words whitespace-normal text-ods-text-primary border-ods-border text-xs md:text-sm">b1</td></tr><tr><td class="px-2 md:px-4 py-3 border-r last:border-r-0 border-b break-words whitespace-normal text-ods-text-primary border-ods-border text-xs md:text-sm">a2</td><td class="px-2 md:px-4 py-3 border-r last:border-r-0 border-b break-words whitespace-normal text-ods-text-primary border-ods-border text-xs md:text-sm">b2</td></tr></tbody></table></div></div></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: headings-with-emoji-and-dupes 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><h1 id="getting-started" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-ods-text-primary text-[32px] md:text-[40px] lg:text-[48px] leading-[1.25]">🚀 Getting Started</h1>
+<h2 id="setup" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">Setup</h2>
+<h2 id="setup-2" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">Setup</h2>
+<h3 id="deep-dive" class="font-sans font-semibold mt-6 mb-3 text-ods-text-primary text-[24px] md:text-[28px]">Deep Dive 🔧</h3>
+<h4 id="h4-level" class="font-sans font-semibold mt-4 mb-2 text-ods-text-primary text-[20px] md:text-[22px]">H4 level</h4>
+<h5 id="h5-level" class="font-sans font-semibold mt-3 mb-2 text-ods-text-primary text-[18px] md:text-[20px]">H5 level</h5>
+<h6 id="h6-level" class="font-sans font-semibold mt-3 mb-1 text-ods-text-primary text-[16px] md:text-[18px]">H6 level</h6></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: hostile-iframe-srcdoc 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><iframe src="https://example.com/frame"></iframe></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: hostile-js-href 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><a class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">click</a></p></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: hostile-onerror 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><img data-mock="markdown-image" alt="" src="https://example.com/x.png"></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: hostile-script 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">before</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;script&gt;alert(1)&lt;/script&gt;</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">after</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: hostile-srcset 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><img data-mock="markdown-image" alt="" src="https://safe.example/a.png"></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: hostile-style-block 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">text</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;style&gt;body{display:none}&lt;/style&gt;</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">more</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: hr 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">above</p>
+<hr class="border-0 border-t my-8 border-ods-border">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">below</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: images 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><img data-mock="markdown-image" alt="alt text" src="https://example.com/pic.png"></p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><img data-mock="markdown-image" alt="" src="https://example.com/no-alt.png"></p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: indented-code-angle-bracket-not-escaped 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Para</p>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">css</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-css hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">if <span class="hljs-selector-tag">a</span> &lt;<span class="hljs-selector-tag">b</span> then
+done
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: inline-code 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Use <code class="font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border">&lt;their&gt;</code> and <code class="font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border">npm install</code> inline.</p></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: inline-code-rawtext-textarea-not-escaped 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The <code class="font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border">&lt;textarea&gt;</code> element is a form control.</p></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: inline-code-rawtext-title-not-escaped 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Use the <code class="font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border">&lt;title&gt;</code> element for page titles.</p></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: inline-svg 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2"></circle><path d="M8 12l3 3 5-6"></path></svg></p></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: inline-svg-presentation-attrs 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><svg viewBox="0 0 40 20"><rect x="0" y="0" width="40" height="20" fill="none" stroke-dasharray="2 2" style="opacity: 0.5;"></rect><text x="20" y="12" font-size="9" text-anchor="middle" dominant-baseline="middle">42</text></svg></p></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: legacy-center-tag 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><center>centered</center>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><font color="red" size="3">colored</font> and <big>big</big>.</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: legacy-strike-tag 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">A <strike>struck</strike> phrase and <tt>teletype</tt>.</p></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: links 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><a href="https://example.com/page" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 " target="_blank" rel="noopener noreferrer">external</a> and <a href="#setup" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">anchor</a> and plain text.</p></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: list-continuation-textarea-stays-live-bullet 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">item</p>
+  <textarea>x</textarea>
+</li>
+</ul></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: list-continuation-textarea-stays-live-ordered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Here is a form:</p>
+<textarea></textarea>
+</li>
+</ol></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: list-marker-inside-fence-does-not-shift-indent-columns 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">A &lt;textarea&gt;</p>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">css</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-css hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">- <span class="hljs-attribute">x</span>
+</code></pre></div></div></pre>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">bash</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-bash hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">&lt;/textarea&gt;
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: list-marker-inside-fence-html-block-combo 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><div>
+&lt;textarea&gt;
+</div>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">css</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-css hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">- <span class="hljs-attribute">x</span>
+</code></pre></div></div></pre>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">bash</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-bash hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">&lt;/textarea&gt;
+</code></pre></div></div></pre>
+<h1 id="heading-after" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-ods-text-primary text-[32px] md:text-[40px] lg:text-[48px] leading-[1.25]">Heading after</h1>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Body after.</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: loose-ordered-list 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">first paragraph item</p>
+</li>
+<li class="pl-2 text-[16px] md:text-[18px]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">second paragraph item</p>
+</li>
+<li class="pl-2 text-[16px] md:text-[18px]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">third paragraph item</p>
+</li>
+</ol></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: mermaid 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><pre><div class="mermaid-container rounded-lg p-4 md:p-6 lg:p-8 my-6 overflow-x-auto bg-ods-card border border-ods-border"><style>
+  .mermaid-svg-container svg {
+    max-width: 100% !important;
+    height: auto !important;
+    min-height: 200px;
+    font-family: 'DM Sans', sans-serif !important;
+    font-size: 14px !important;
+  }
+  @media (min-width: 1520px) {
+    .mermaid-svg-container svg {
+      max-width: 900px !important;
+      max-height: 700px !important;
+      min-height: 300px;
+      font-size: 16px !important;
+    }
+  }
+  @media (min-width: 768px) and (max-width: 1519px) {
+    .mermaid-svg-container svg {
+      max-width: 700px !important;
+      max-height: 600px !important;
+      min-height: 250px;
+      font-size: 15px !important;
+    }
+  }
+  @media (max-width: 767px) {
+    .mermaid-svg-container svg {
+      max-width: 90vw !important;
+      max-height: 400px !important;
+      min-height: 200px;
+      font-size: 13px !important;
+    }
+  }
+  .mermaid-svg-container svg[width] { width: 100% !important; }
+  .mermaid-svg-container .node rect,
+  .mermaid-svg-container .node circle,
+  .mermaid-svg-container .node ellipse,
+  .mermaid-svg-container .node polygon { stroke-width: 2px !important; }
+  .mermaid-svg-container .edgePath path { stroke-width: 2px !important; }
+  @media (min-width: 768px) {
+    .mermaid-svg-container .node text,
+    .mermaid-svg-container .edgeLabel text { font-size: 14px !important; }
+  }
+  @media (min-width: 1520px) {
+    .mermaid-svg-container .node text,
+    .mermaid-svg-container .edgeLabel text { font-size: 16px !important; }
+  }
+</style><div class="flex justify-center items-center w-full min-h-[200px] md:min-h-[250px] lg:min-h-[300px]"><div class="mermaid-svg-container w-full flex justify-center max-w-full" style="font-size: 14px;"><svg data-mock-mermaid="true" width="100%" height="auto"></svg></div></div></div></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: mismatched-fence-carve-does-not-shelter-opener 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">go</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-go hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-string">\`\`</span><span class="hljs-string">\`js
+~~~
+</span></code></pre></div></div></pre>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;textarea&gt;<br>
+hello</p>
+<pre><code class="font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border">after
+</code></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: nested-lists 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">first
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">nested a</li>
+<li class="pl-2 text-[16px] md:text-[18px]">nested b</li>
+</ul>
+</li>
+<li class="pl-2 text-[16px] md:text-[18px]">second
+<ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">sub one</li>
+<li class="pl-2 text-[16px] md:text-[18px]">sub two</li>
+</ol>
+</li>
+</ol></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: raw-html-safe 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><details><summary>More</summary>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">hidden body</p>
+</details>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Line<br>break and <kbd>Ctrl</kbd>+<mark>C</mark>.</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: raw-html-unknown-tag 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Share &lt;their&gt; settings and the &lt;ticket&gt; element.</p></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: raw-video-tag 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><div class="overflow-hidden w-full my-8 rounded-lg"><div class="w-full aspect-video"><div data-mock="video" data-kind="file" data-url="https://stream.example.com/v.mp4" data-poster="https://example.com/p.jpg"></div></div></div></p></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-after-info-string-closer-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Explaining &lt;textarea&gt; in prose.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">js</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-js hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">x
+<span class="hljs-string">\`\`</span><span class="hljs-string">\`html
+&lt;/textarea&gt;
+</span></code></pre></div></div></pre>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-attribute-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;textarea&gt;</p>
+<h1 id="heading" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-ods-text-primary text-[32px] md:text-[40px] lg:text-[48px] leading-[1.25]">Heading</h1>
+<div title="</textarea>">x</div></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-blockquoted-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element is a form control whose closing tag matters.</p>
+<blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-[1.125em]">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-symbol">&amp;lt;</span>textarea name="bio"<span class="hljs-symbol">&amp;gt;</span>hello<span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</div></blockquote>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-collapsed-reference-label-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 "></a></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-continuation-line-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">item</p>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-escaped-apostrophe-definition-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-escaped-bracket-definition-destination-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-escaped-bracket-definition-label-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-escaped-paren-definition-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-escaped-quote-definition-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;textarea&gt;</p>
+<h1 id="heading" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-ods-text-primary text-[32px] md:text-[40px] lg:text-[48px] leading-[1.25]">Heading</h1>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">para2</p>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-footnote-label-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">See<sup><a href="#user-content-fn-%3C/textarea%3E" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">1</a></sup></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p>
+<section data-footnotes="" class="footnotes"><h2 id="footnote-label" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">Footnotes</h2>
+<ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">note <a href="#user-content-fnref-%3C/textarea%3E" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 data-footnote-backref">↩</a></p>
+</li>
+</ol>
+</section></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-html-comment-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Explaining &lt;textarea&gt; in prose.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-indented-code-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Explaining &lt;textarea&gt; in prose.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">bash</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-bash hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">&lt;/textarea&gt;
+</code></pre></div></div></pre>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-inline-code-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;textarea&gt;</p>
+<h1 id="heading" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-ods-text-primary text-[32px] md:text-[40px] lg:text-[48px] leading-[1.25]">Heading</h1>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">para2 with <code class="font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border">&lt;/textarea&gt;</code> inline</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-inline-image-alt-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><img data-mock="markdown-image" alt="</textarea>" src="/x"></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-inline-image-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><img data-mock="markdown-image" alt="a" src="/x"></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-inline-link-angle-destination-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><a href="/textarea" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-inline-link-paren-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-inline-link-single-quoted-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-inline-link-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-link-definition-destination-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-link-definition-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-list-indented-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Explaining &lt;textarea&gt; in prose.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">item</p>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">go</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-go hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-string">\`\`</span><span class="hljs-string">\`html
+&lt;/textarea&gt;
+\`</span><span class="hljs-string">\`\`</span>
+</code></pre></div></div></pre>
+</li>
+</ul>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-listed-image-alt-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]"><img data-mock="markdown-image" alt="</textarea>" src="/x"></li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-listed-inline-link-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]"><a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a></li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-marker-line-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-marker-line-ordered-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ol>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-marker-line-tab-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-mid-paragraph-inline-link-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">See <a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a> for more.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-multiline-code-span-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Use <code class="font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border">foo &lt;/textarea&gt;</code> today.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-multiline-definition-label-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-multiline-definition-label-first-line-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-multiline-definition-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-multiline-link-definition-destination-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-multiline-link-definition-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-narrow-marker-line-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ul></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-narrow-ordered-marker-line-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ol></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-nested-marker-line-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ul>
+</li>
+</ul></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-nested-marker-line-link-definition-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]"></li>
+</ul>
+</li>
+</ul></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-quoted-image-alt-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-[1.125em]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><img data-mock="markdown-image" alt="</textarea>" src="/x"></p>
+</div></blockquote>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-quoted-inline-link-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-[1.125em]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a></p>
+</div></blockquote>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-quoted-list-indented-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-[1.125em]">
+<ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Example:</p>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ol>
+</div></blockquote>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-quoted-marker-line-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-[1.125em]">
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ul>
+</div></blockquote>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-quoted-multiline-definition-label-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-[1.125em]">
+</div></blockquote>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-reference-image-alt-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><img data-mock="markdown-image" alt="</textarea>" src="/x"></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-reference-label-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-tab-indented-code-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Explaining &lt;textarea&gt; in prose.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">bash</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-bash hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">&lt;/textarea&gt;
+</code></pre></div></div></pre>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-three-line-definition-label-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-unclosed-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Explaining &lt;textarea&gt; in HTML.</p>
+<h2 id="heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">Heading</h2>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-iframe-closer-in-inline-image-alt-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;iframe&gt; element explained.</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><img data-mock="markdown-image" alt="</iframe>" src="/x"></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-iframe-closer-in-inline-link-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;iframe&gt; element explained.</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-iframe-closer-in-marker-line-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;iframe&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">iframe</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-iframe-closer-in-multiline-code-span-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;iframe&gt; element explained.</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Use \`foo</p>
+\` today.
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-iframe-closer-in-multiline-definition-label-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;iframe&gt; element explained.</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">[foo</p>
+]: /x
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-iframe-closer-in-narrow-marker-line-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">The &lt;iframe&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">iframe</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ul></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-iframe-in-inline-code-in-blockquoted-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-[1.125em]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">intro</p>
+<div>
+\`&lt;iframe&gt;\`
+</div>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p>
+</div></blockquote></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-iframe-in-inline-code-in-tab-list-item-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">intro
+<div>
+\`&lt;iframe&gt;\`
+more
+</div></li>
+</ul>
+</li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-iframe-in-nbsp-filler-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><div>
+&nbsp;
+\`&lt;iframe&gt;\`
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">rest of the answer</p></div></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-mask-survives-turkish-dotted-i 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">İİİİİİİİİİİİİİİİİİİİİİİİİ <textarea>a</textarea></p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;textarea&gt;</p>
+<h2 id="later-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">Later heading</h2>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">item one</li>
+</ul></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-opener-after-foreign-filler-in-blockquoted-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-[1.125em]">
+<div>
+-
+\`&lt;textarea&gt;\`
+</div></div></blockquote>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-opener-after-foreign-filler-in-list-item-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<div>
+&gt;
+\`&lt;textarea&gt;\`
+</div></li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-html-block-details-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">intro</p>
+<details>
+\`\`\`
+&lt;textarea&gt;
+\`\`\`
+</details>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-html-block-div-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">intro</p>
+<div>
+\`\`\`
+&lt;textarea&gt;
+\`\`\`
+</div>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-html-block-pre-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">intro</p>
+<pre>\`\`\`
+&lt;textarea&gt;
+\`\`\`
+</pre>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-blockquoted-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-[1.125em]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">intro</p>
+<div>
+\`&lt;textarea&gt;\`
+</div>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p>
+</div></blockquote></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-deep-tab-list-item-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">intro
+<div>
+\`&lt;textarea&gt;\`
+more
+</div></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-html-block-details-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">intro</p>
+<details>
+\`&lt;textarea&gt;\`
+</details>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-html-block-div-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">intro</p>
+<div>
+\`&lt;textarea&gt;\`
+</div>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-html-block-pre-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">intro</p>
+<pre>\`&lt;textarea&gt;\`
+</pre>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-html-block-span-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">intro</p>
+<span>
+\`&lt;textarea&gt;\`
+</span>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-list-item-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">intro</p>
+<div>
+\`&lt;textarea&gt;\`
+</div>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p>
+</li>
+</ul></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-nested-blockquoted-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-[1.125em]">
+<blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-[1.125em]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">intro</p>
+<details>
+\`&lt;textarea&gt;\`
+</details>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p>
+</div></blockquote>
+</div></blockquote></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-ordered-item-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">intro</p>
+<div>
+\`&lt;textarea&gt;\`
+</div>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p>
+</li>
+</ol></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-tab-list-item-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">intro
+<div>
+\`&lt;textarea&gt;\`
+more
+</div></li>
+</ul>
+</li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-nbsp-filler-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><div>
+&nbsp;
+\`&lt;textarea&gt;\`
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">rest of the answer</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></div></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-self-closing-iframe-escaped 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Hello</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;iframe/&gt;</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">item</li>
+</ul></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-self-closing-opener-in-html-block-div-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">intro</p>
+<div>
+\`\`\`
+&lt;textarea/&gt;
+\`\`\`
+</div>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">secret tail</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-self-closing-spaced-textarea-escaped 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Hello</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;textarea /&gt;</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">item</li>
+</ul></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-self-closing-textarea-escaped 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Hello</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;textarea/&gt;</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">item</li>
+</ul></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-self-closing-textarea-inline-escaped 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Hello &lt;textarea/&gt; world</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-self-closing-title-escaped 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Hello</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;title/&gt;</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">item</li>
+</ul></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-slash-not-immediately-before-gt-is-inert 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Hello</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;textarea/ &gt;</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;textarea/foo&gt;</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;textarea//&gt;</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">item</li>
+</ul></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: rawtext-title-closer-in-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;title&gt;</p>
+<h1 id="heading" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-ods-text-primary text-[32px] md:text-[40px] lg:text-[48px] leading-[1.25]">Heading</h1>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">title</span>&gt;</span>
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: reference-style-link 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">See [the docs][ref] for details.</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">[ref]:</p>
+<div data-mock="og-preview" data-url="https://example.com/reference"></div></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: shortcode-figma 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><div data-mock="figma" data-url="https://www.figma.com/design/abc/My-File"></div></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: shortcode-link-preview 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><div data-mock="og-preview" data-url="https://example.com/article"></div></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: shortcode-linkedin 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><div data-mock="linkedin" data-url="https://www.linkedin.com/posts/someone_activity-1"></div></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: shortcode-reddit 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><div data-mock="reddit" data-url="https://reddit.com/r/msp/comments/1/post"></div></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: shortcode-tweet 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><div data-mock="twitter" data-url="https://twitter.com/user/status/12345"></div></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: shortcode-youtube 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Intro</p>
+<div data-mock="video" data-kind="youtube" data-url="abc123XYZ_-" data-poster=""></div>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Outro</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: shortcode-youtube-markdoc 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><div data-mock="video" data-kind="youtube" data-url="vid42" data-poster=""></div></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: shortcode-youtube-thumbnail-link 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><div data-mock="video" data-kind="youtube" data-url="awc-yAnkhIo" data-poster=""></div></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: svg-title-a11y-label 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4"><svg viewBox="0 0 24 24"><title>Coverage chart</title><desc>Four quarters</desc><circle cx="12" cy="12" r="10"></circle></svg></p></article></div></div>"`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: task-list 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]"><input disabled="" type="checkbox" checked=""> done item</li>
+<li class="pl-2 text-[16px] md:text-[18px]"><input disabled="" type="checkbox"> open item</li>
+</ul></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: tilde-fence-protects-html-sample 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">intro</p>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;<span class="hljs-name">textarea</span>&gt;</span>sample<span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: truncated-comment-in-fence-does-not-blank-to-eof 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-comment">&lt;!-- todo
+</span></code></pre></div></div></pre>
+<textarea>a</textarea></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: unclosed-fence-body-renders-escaped 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">intro</p>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-symbol">&amp;lt;</span>their<span class="hljs-symbol">&amp;gt;</span>x<span class="hljs-symbol">&amp;lt;</span>/their<span class="hljs-symbol">&amp;gt;</span>
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: unclosed-iframe-does-not-swallow 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Hello</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;iframe&gt;</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">more</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: unclosed-textarea-does-not-swallow 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Hello</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;textarea&gt;</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">more</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: unclosed-title-does-not-swallow 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Hello</p>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">&lt;title&gt;</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2>
+<p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">more</p></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders fixture: wide-list-marker-gap-clamps-content-column 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="first:mt-0 last:mb-0 text-ods-text-primary font-sans text-[16px] md:text-[18px] lg:text-[20px] leading-[1.6] my-4">Explaining &lt;textarea&gt; in HTML.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-[16px] md:text-[18px]">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">bash</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-bash hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"> foo
+ &lt;/textarea&gt;
+</code></pre></div></div></pre>
+</li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">After heading</h2></article></div></div>"
+`;
+exports[`RichMarkdownRenderer golden parity > renders headings with backend sectionIds + demoteMarkdownH1ToH2 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><h2 id="getting-started" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-ods-text-primary text-[32px] md:text-[40px] lg:text-[48px] leading-[1.25]">🚀 Getting Started</h2>
+<h2 id="setup" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">Setup</h2>
+<h2 id="setup-2" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border text-[28px] md:text-[32px]">Setup</h2>
+<h3 id="deep-dive" class="font-sans font-semibold mt-6 mb-3 text-ods-text-primary text-[24px] md:text-[28px]">Deep Dive 🔧</h3>
+<h4 id="h4-level" class="font-sans font-semibold mt-4 mb-2 text-ods-text-primary text-[20px] md:text-[22px]">H4 level</h4>
+<h5 id="h5-level" class="font-sans font-semibold mt-3 mb-2 text-ods-text-primary text-[18px] md:text-[20px]">H5 level</h5>
+<h6 id="h6-level" class="font-sans font-semibold mt-3 mb-1 text-ods-text-primary text-[16px] md:text-[18px]">H6 level</h6></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders broken links with badge 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><span class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 cursor-pointer" role="link" tabindex="0">good</span> and <span class="text-ods-accent cursor-not-allowed">bad<sup class="ml-1 text-xs font-bold text-ods-error">[BROKEN]</sup></span></p></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders chat fixture with card/mention plugins: card-and-mention-mixed 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="mb-4 first:mt-0 last:mb-0 text-ods-text-primary text-base md:text-lg">See <a href="card://vendor:acme" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">[card://vendor:acme]</a> and <a href="mention://ticket:T-100" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">@ticket:T-100</a> together.</p></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders chat fixture with card/mention plugins: card-marker 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="mb-4 first:mt-0 last:mb-0 text-ods-text-primary text-base md:text-lg">Here is the record: <a href="card://blog:hello-world" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">[card://blog:hello-world]</a> inline.</p></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders chat fixture with card/mention plugins: mention-chip 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="mb-4 first:mt-0 last:mb-0 text-ods-text-primary text-base md:text-lg">Check <a href="mention://device:router-9" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">@device:router-9</a> status.</p></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders each text-size preset > textSize-compact 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><h1 id="h" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-heading-2">H</h1>
+<p class="mb-4 first:mt-0 last:mb-0 text-ods-text-primary text-base md:text-lg">para</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">li</li>
+</ul></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders each text-size preset > textSize-default 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><h1 id="h" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-heading-1">H</h1>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">para</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">li</li>
+</ul></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders each text-size preset > textSize-large 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><h1 id="h" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-heading-1">H</h1>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary text-h3">para</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-lg md:text-xl">li</li>
+</ul></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: authored-text-input 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><form><input><button>go</button></form></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: bare-title-tag-is-inert 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><h1 id="real-post" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-heading-1">Real Post</h1>
+Buy cheap pills
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">body</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: blockquote 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">A quoted paragraph<br>
+spanning two lines.</p>
+</div></blockquote></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: blockquote-with-blank-line 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">first quoted para</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">second quoted para</p>
+</div></blockquote></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: closed-iframe-still-renders 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Hello</p>
+<iframe src="https://example.com/frame" width="300"></iframe>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">more</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: closed-textarea-still-renders 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Hello</p>
+<textarea>edit me</textarea>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">more</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: comment-marker-in-inline-code-does-not-blank-to-eof 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Use <code class="font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border">&lt;!--</code> to start a comment.</p>
+<textarea>hi</textarea></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: empty-image 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"></p></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: fenced-code-js 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">js</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-js hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-keyword">const</span> x = <span class="hljs-number">1</span>;
+<span class="hljs-variable language_">console</span>.<span class="hljs-title function_">log</span>(x &lt; <span class="hljs-number">2</span> &amp;&amp; x &gt; <span class="hljs-number">0</span>);
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: fenced-code-unknown-lang 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">qwerty</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-qwerty hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">some text &lt; with &gt; angles
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: gfm-table 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none">
+<div class="table-container my-6 overflow-x-auto"><div class="min-w-full border rounded-lg border-ods-border bg-ods-card"><table class="w-full table-fixed md:table-auto"><thead class="bg-ods-bg-surface"><tr><th class="px-2 md:px-4 py-3 text-left font-semibold text-ods-accent border-r last:border-r-0 break-words border-ods-border text-xs md:text-sm">Col A</th><th class="px-2 md:px-4 py-3 text-left font-semibold text-ods-accent border-r last:border-r-0 break-words border-ods-border text-xs md:text-sm">Col B</th></tr></thead><tbody><tr><td class="px-2 md:px-4 py-3 border-r last:border-r-0 border-b break-words whitespace-normal text-ods-text-primary border-ods-border text-xs md:text-sm">a1</td><td class="px-2 md:px-4 py-3 border-r last:border-r-0 border-b break-words whitespace-normal text-ods-text-primary border-ods-border text-xs md:text-sm">b1</td></tr><tr><td class="px-2 md:px-4 py-3 border-r last:border-r-0 border-b break-words whitespace-normal text-ods-text-primary border-ods-border text-xs md:text-sm">a2</td><td class="px-2 md:px-4 py-3 border-r last:border-r-0 border-b break-words whitespace-normal text-ods-text-primary border-ods-border text-xs md:text-sm">b2</td></tr></tbody></table></div></div></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: headings-with-emoji-and-dupes 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><h1 id="getting-started" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-heading-1">🚀 Getting Started</h1>
+<h2 id="setup" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">Setup</h2>
+<h2 id="setup-2" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">Setup</h2>
+<h3 id="deep-dive" class="font-sans font-semibold mt-6 mb-3 text-ods-text-primary text-2xl md:text-3xl">Deep Dive 🔧</h3>
+<h4 id="h4-level" class="font-sans font-semibold mt-4 mb-2 text-ods-text-primary text-xl">H4 level</h4>
+<h5 id="h5-level" class="font-sans font-semibold mt-3 mb-2 text-ods-text-primary text-lg md:text-xl">H5 level</h5>
+<h6 id="h6-level" class="font-sans font-semibold mt-3 mb-1 text-ods-text-primary text-base md:text-lg">H6 level</h6></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: hostile-iframe-srcdoc 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><iframe src="https://example.com/frame"></iframe></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: hostile-js-href 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><a class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">click</a></p></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: hostile-onerror 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><img alt="No image available" width="400" height="400" style="width: auto; height: auto;" class="max-w-full max-h-[400px] w-auto h-auto rounded-lg object-contain" src="https://example.com/x.png"></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: hostile-script 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">before</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;script&gt;alert(1)&lt;/script&gt;</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">after</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: hostile-srcset 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><img alt="No image available" width="400" height="400" style="width: auto; height: auto;" class="max-w-full max-h-[400px] w-auto h-auto rounded-lg object-contain" src="https://safe.example/a.png"></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: hostile-style-block 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">text</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;style&gt;body{display:none}&lt;/style&gt;</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">more</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: hr 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">above</p>
+<hr class="border-0 border-t my-8 border-ods-border">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">below</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: images 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><img alt="alt text" width="400" height="400" style="width: auto; height: auto;" class="max-w-full max-h-[400px] w-auto h-auto rounded-lg object-contain" src="https://example.com/pic.png"></p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><img alt="" width="400" height="400" style="width: auto; height: auto;" class="max-w-full max-h-[400px] w-auto h-auto rounded-lg object-contain" src="https://example.com/no-alt.png"></p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: indented-code-angle-bracket-not-escaped 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Para</p>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">css</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-css hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">if <span class="hljs-selector-tag">a</span> &lt;<span class="hljs-selector-tag">b</span> then
+done
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: inline-code 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Use <code class="font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border">&lt;their&gt;</code> and <code class="font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border">npm install</code> inline.</p></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: inline-code-rawtext-textarea-not-escaped 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The <code class="font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border">&lt;textarea&gt;</code> element is a form control.</p></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: inline-code-rawtext-title-not-escaped 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Use the <code class="font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border">&lt;title&gt;</code> element for page titles.</p></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: inline-svg 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2"></circle><path d="M8 12l3 3 5-6"></path></svg></p></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: inline-svg-presentation-attrs 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><svg viewBox="0 0 40 20"><rect x="0" y="0" width="40" height="20" fill="none" stroke-dasharray="2 2" style="opacity: 0.5;"></rect><text x="20" y="12" font-size="9" text-anchor="middle" dominant-baseline="middle">42</text></svg></p></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: legacy-center-tag 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><center>centered</center>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><font color="red" size="3">colored</font> and <big>big</big>.</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: legacy-strike-tag 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">A <strike>struck</strike> phrase and <tt>teletype</tt>.</p></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: links 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><a href="https://example.com/page" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 " target="_blank" rel="noopener noreferrer">external</a> and <a href="#setup" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">anchor</a> and plain text.</p></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: list-continuation-textarea-stays-live-bullet 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">item</p>
+  <textarea>x</textarea>
+</li>
+</ul></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: list-continuation-textarea-stays-live-ordered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Here is a form:</p>
+<textarea></textarea>
+</li>
+</ol></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: list-marker-inside-fence-does-not-shift-indent-columns 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">A &lt;textarea&gt;</p>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">css</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-css hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">- <span class="hljs-attribute">x</span>
+</code></pre></div></div></pre>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">bash</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-bash hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">&lt;/textarea&gt;
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: list-marker-inside-fence-html-block-combo 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><div>
+&lt;textarea&gt;
+</div>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">css</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-css hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">- <span class="hljs-attribute">x</span>
+</code></pre></div></div></pre>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">bash</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-bash hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">&lt;/textarea&gt;
+</code></pre></div></div></pre>
+<h1 id="heading-after" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-heading-1">Heading after</h1>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Body after.</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: loose-ordered-list 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">first paragraph item</p>
+</li>
+<li class="pl-2 text-base md:text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">second paragraph item</p>
+</li>
+<li class="pl-2 text-base md:text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">third paragraph item</p>
+</li>
+</ol></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: mermaid 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><pre><div class="mermaid-container rounded-lg p-4 md:p-6 lg:p-8 my-6 overflow-x-auto bg-ods-card border border-ods-border"><style>
+  .mermaid-svg-container svg {
+    max-width: 100% !important;
+    height: auto !important;
+    min-height: 200px;
+    font-family: 'DM Sans', sans-serif !important;
+    font-size: 14px !important;
+  }
+  @media (min-width: 1520px) {
+    .mermaid-svg-container svg {
+      max-width: 900px !important;
+      max-height: 700px !important;
+      min-height: 300px;
+      font-size: 16px !important;
+    }
+  }
+  @media (min-width: 768px) and (max-width: 1519px) {
+    .mermaid-svg-container svg {
+      max-width: 700px !important;
+      max-height: 600px !important;
+      min-height: 250px;
+      font-size: 15px !important;
+    }
+  }
+  @media (max-width: 767px) {
+    .mermaid-svg-container svg {
+      max-width: 90vw !important;
+      max-height: 400px !important;
+      min-height: 200px;
+      font-size: 13px !important;
+    }
+  }
+  .mermaid-svg-container svg[width] { width: 100% !important; }
+  .mermaid-svg-container .node rect,
+  .mermaid-svg-container .node circle,
+  .mermaid-svg-container .node ellipse,
+  .mermaid-svg-container .node polygon { stroke-width: 2px !important; }
+  .mermaid-svg-container .edgePath path { stroke-width: 2px !important; }
+  @media (min-width: 768px) {
+    .mermaid-svg-container .node text,
+    .mermaid-svg-container .edgeLabel text { font-size: 14px !important; }
+  }
+  @media (min-width: 1520px) {
+    .mermaid-svg-container .node text,
+    .mermaid-svg-container .edgeLabel text { font-size: 16px !important; }
+  }
+</style><div class="flex justify-center items-center w-full min-h-[200px] md:min-h-[250px] lg:min-h-[300px]"><div class="mermaid-svg-container w-full flex justify-center max-w-full" style="font-size: 14px;"><svg data-mock-mermaid="true" width="100%" height="auto"></svg></div></div></div></pre></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: mismatched-fence-carve-does-not-shelter-opener 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">go</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-go hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-string">\`\`</span><span class="hljs-string">\`js
+~~~
+</span></code></pre></div></div></pre>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;textarea&gt;<br>
+hello</p>
+<pre><code class="font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border">after
+</code></pre></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: nested-lists 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">first
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">nested a</li>
+<li class="pl-2 text-base md:text-lg">nested b</li>
+</ul>
+</li>
+<li class="pl-2 text-base md:text-lg">second
+<ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">sub one</li>
+<li class="pl-2 text-base md:text-lg">sub two</li>
+</ol>
+</li>
+</ol></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: raw-html-safe 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><details><summary>More</summary>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">hidden body</p>
+</details>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Line<br>break and <kbd>Ctrl</kbd>+<mark>C</mark>.</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: raw-html-unknown-tag 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Share &lt;their&gt; settings and the &lt;ticket&gt; element.</p></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-after-info-string-closer-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Explaining &lt;textarea&gt; in prose.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">js</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-js hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">x
+<span class="hljs-string">\`\`</span><span class="hljs-string">\`html
+&lt;/textarea&gt;
+</span></code></pre></div></div></pre>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-attribute-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;textarea&gt;</p>
+<h1 id="heading" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-heading-1">Heading</h1>
+<div title="</textarea>">x</div></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-blockquoted-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element is a form control whose closing tag matters.</p>
+<blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-lg">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-symbol">&amp;lt;</span>textarea name="bio"<span class="hljs-symbol">&amp;gt;</span>hello<span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</div></blockquote>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-collapsed-reference-label-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 "></a></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-continuation-line-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">item</p>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-escaped-apostrophe-definition-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-escaped-bracket-definition-destination-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-escaped-bracket-definition-label-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-escaped-paren-definition-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-escaped-quote-definition-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;textarea&gt;</p>
+<h1 id="heading" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-heading-1">Heading</h1>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">para2</p>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-footnote-label-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">See<sup><a href="#user-content-fn-%3C/textarea%3E" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">1</a></sup></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p>
+<section data-footnotes="" class="footnotes"><h2 id="footnote-label" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">Footnotes</h2>
+<ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">note <a href="#user-content-fnref-%3C/textarea%3E" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 data-footnote-backref">↩</a></p>
+</li>
+</ol>
+</section></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-html-comment-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Explaining &lt;textarea&gt; in prose.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-indented-code-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Explaining &lt;textarea&gt; in prose.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">bash</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-bash hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">&lt;/textarea&gt;
+</code></pre></div></div></pre>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-inline-code-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;textarea&gt;</p>
+<h1 id="heading" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-heading-1">Heading</h1>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">para2 with <code class="font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border">&lt;/textarea&gt;</code> inline</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-inline-image-alt-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><img alt="</textarea>" width="400" height="400" style="width: auto; height: auto;" class="max-w-full max-h-[400px] w-auto h-auto rounded-lg object-contain" src="/x"></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-inline-image-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><img alt="a" width="400" height="400" style="width: auto; height: auto;" class="max-w-full max-h-[400px] w-auto h-auto rounded-lg object-contain" src="/x"></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-inline-link-angle-destination-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><a href="/textarea" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-inline-link-paren-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-inline-link-single-quoted-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-inline-link-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-link-definition-destination-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-link-definition-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-list-indented-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Explaining &lt;textarea&gt; in prose.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">item</p>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">go</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-go hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-string">\`\`</span><span class="hljs-string">\`html
+&lt;/textarea&gt;
+\`</span><span class="hljs-string">\`\`</span>
+</code></pre></div></div></pre>
+</li>
+</ul>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-listed-image-alt-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg"><img alt="</textarea>" width="400" height="400" style="width: auto; height: auto;" class="max-w-full max-h-[400px] w-auto h-auto rounded-lg object-contain" src="/x"></li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-listed-inline-link-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg"><a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a></li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-marker-line-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-marker-line-ordered-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ol>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-marker-line-tab-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-mid-paragraph-inline-link-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">See <a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a> for more.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-multiline-code-span-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Use <code class="font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border">foo &lt;/textarea&gt;</code> today.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-multiline-definition-label-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-multiline-definition-label-first-line-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-multiline-definition-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-multiline-link-definition-destination-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-multiline-link-definition-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-narrow-marker-line-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ul></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-narrow-ordered-marker-line-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ol></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-nested-marker-line-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ul>
+</li>
+</ul></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-nested-marker-line-link-definition-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg"></li>
+</ul>
+</li>
+</ul></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-quoted-image-alt-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><img alt="</textarea>" width="400" height="400" style="width: auto; height: auto;" class="max-w-full max-h-[400px] w-auto h-auto rounded-lg object-contain" src="/x"></p>
+</div></blockquote>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-quoted-inline-link-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a></p>
+</div></blockquote>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-quoted-list-indented-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-lg">
+<ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Example:</p>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ol>
+</div></blockquote>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-quoted-marker-line-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-lg">
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ul>
+</div></blockquote>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-quoted-multiline-definition-label-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-lg">
+</div></blockquote>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-reference-image-alt-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><img alt="</textarea>" width="400" height="400" style="width: auto; height: auto;" class="max-w-full max-h-[400px] w-auto h-auto rounded-lg object-contain" src="/x"></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-reference-label-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-tab-indented-code-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Explaining &lt;textarea&gt; in prose.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">bash</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-bash hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);">&lt;/textarea&gt;
+</code></pre></div></div></pre>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-three-line-definition-label-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;textarea&gt; element explained.</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-closer-in-unclosed-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Explaining &lt;textarea&gt; in HTML.</p>
+<h2 id="heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">Heading</h2>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-iframe-closer-in-inline-image-alt-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;iframe&gt; element explained.</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><img alt="</iframe>" width="400" height="400" style="width: auto; height: auto;" class="max-w-full max-h-[400px] w-auto h-auto rounded-lg object-contain" src="/x"></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-iframe-closer-in-inline-link-title-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;iframe&gt; element explained.</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><a href="/x" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 ">a</a></p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-iframe-closer-in-marker-line-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;iframe&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">iframe</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-iframe-closer-in-multiline-code-span-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;iframe&gt; element explained.</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Use \`foo</p>
+\` today.
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-iframe-closer-in-multiline-definition-label-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;iframe&gt; element explained.</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">[foo</p>
+]: /x
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-iframe-closer-in-narrow-marker-line-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">The &lt;iframe&gt; element explained.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">iframe</span>&gt;</span>
+</code></pre></div></div></pre>
+</li>
+</ul></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-iframe-in-inline-code-in-blockquoted-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">intro</p>
+<div>
+\`&lt;iframe&gt;\`
+</div>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p>
+</div></blockquote></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-iframe-in-inline-code-in-tab-list-item-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">intro
+<div>
+\`&lt;iframe&gt;\`
+more
+</div></li>
+</ul>
+</li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-iframe-in-nbsp-filler-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><div>
+&nbsp;
+\`&lt;iframe&gt;\`
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">rest of the answer</p></div></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-mask-survives-turkish-dotted-i 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">İİİİİİİİİİİİİİİİİİİİİİİİİ <textarea>a</textarea></p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;textarea&gt;</p>
+<h2 id="later-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">Later heading</h2>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">item one</li>
+</ul></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-opener-after-foreign-filler-in-blockquoted-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-lg">
+<div>
+-
+\`&lt;textarea&gt;\`
+</div></div></blockquote>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-opener-after-foreign-filler-in-list-item-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<div>
+&gt;
+\`&lt;textarea&gt;\`
+</div></li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-html-block-details-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">intro</p>
+<details>
+\`\`\`
+&lt;textarea&gt;
+\`\`\`
+</details>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-html-block-div-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">intro</p>
+<div>
+\`\`\`
+&lt;textarea&gt;
+\`\`\`
+</div>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-html-block-pre-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">intro</p>
+<pre>\`\`\`
+&lt;textarea&gt;
+\`\`\`
+</pre>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-blockquoted-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">intro</p>
+<div>
+\`&lt;textarea&gt;\`
+</div>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p>
+</div></blockquote></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-deep-tab-list-item-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">intro
+<div>
+\`&lt;textarea&gt;\`
+more
+</div></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-html-block-details-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">intro</p>
+<details>
+\`&lt;textarea&gt;\`
+</details>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-html-block-div-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">intro</p>
+<div>
+\`&lt;textarea&gt;\`
+</div>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-html-block-pre-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">intro</p>
+<pre>\`&lt;textarea&gt;\`
+</pre>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-html-block-span-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">intro</p>
+<span>
+\`&lt;textarea&gt;\`
+</span>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-list-item-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">intro</p>
+<div>
+\`&lt;textarea&gt;\`
+</div>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p>
+</li>
+</ul></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-nested-blockquoted-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-lg">
+<blockquote class="border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-surface"><div class="font-sans text-ods-text-secondary text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">intro</p>
+<details>
+\`&lt;textarea&gt;\`
+</details>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p>
+</div></blockquote>
+</div></blockquote></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-ordered-item-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ol class="list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">intro</p>
+<div>
+\`&lt;textarea&gt;\`
+</div>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p>
+</li>
+</ol></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-inline-code-in-tab-list-item-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">intro
+<div>
+\`&lt;textarea&gt;\`
+more
+</div></li>
+</ul>
+</li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-opener-in-nbsp-filler-html-block-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><div>
+&nbsp;
+\`&lt;textarea&gt;\`
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">rest of the answer</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></div></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-self-closing-iframe-escaped 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Hello</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;iframe/&gt;</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">item</li>
+</ul></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-self-closing-opener-in-html-block-div-not-sheltered 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">intro</p>
+<div>
+\`\`\`
+&lt;textarea/&gt;
+\`\`\`
+</div>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">secret tail</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-self-closing-spaced-textarea-escaped 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Hello</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;textarea /&gt;</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">item</li>
+</ul></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-self-closing-textarea-escaped 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Hello</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;textarea/&gt;</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">item</li>
+</ul></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-self-closing-textarea-inline-escaped 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Hello &lt;textarea/&gt; world</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-self-closing-title-escaped 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Hello</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;title/&gt;</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">item</li>
+</ul></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-slash-not-immediately-before-gt-is-inert 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Hello</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;textarea/ &gt;</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;textarea/foo&gt;</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;textarea//&gt;</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">item</li>
+</ul></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: rawtext-title-closer-in-fence-does-not-unescape 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;title&gt;</p>
+<h1 id="heading" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-heading-1">Heading</h1>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;/<span class="hljs-name">title</span>&gt;</span>
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: reference-style-link 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">See <a href="https://example.com/reference" class="text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 " target="_blank" rel="noopener noreferrer">the docs</a> for details.</p></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: svg-title-a11y-label 1`] = `"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4"><svg viewBox="0 0 24 24"><title>Coverage chart</title><desc>Four quarters</desc><circle cx="12" cy="12" r="10"></circle></svg></p></article></div></div>"`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: task-list 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg"><input disabled="" type="checkbox" checked=""> done item</li>
+<li class="pl-2 text-base md:text-lg"><input disabled="" type="checkbox"> open item</li>
+</ul></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: tilde-fence-protects-html-sample 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">intro</p>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-tag">&lt;<span class="hljs-name">textarea</span>&gt;</span>sample<span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: truncated-comment-in-fence-does-not-blank-to-eof 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-comment">&lt;!-- todo
+</span></code></pre></div></div></pre>
+<textarea>a</textarea></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: unclosed-fence-body-renders-escaped 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">intro</p>
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">html</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-html hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"><span class="hljs-symbol">&amp;lt;</span>their<span class="hljs-symbol">&amp;gt;</span>x<span class="hljs-symbol">&amp;lt;</span>/their<span class="hljs-symbol">&amp;gt;</span>
+</code></pre></div></div></pre></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: unclosed-iframe-does-not-swallow 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Hello</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;iframe&gt;</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">more</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: unclosed-textarea-does-not-swallow 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Hello</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;textarea&gt;</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">more</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: unclosed-title-does-not-swallow 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Hello</p>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">&lt;title&gt;</p>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2>
+<p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">more</p></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders fixture: wide-list-marker-gap-clamps-content-column 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><p class="leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary md:text-h4 lg:text-h4">Explaining &lt;textarea&gt; in HTML.</p>
+<ul class="list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary">
+<li class="pl-2 text-base md:text-lg">
+<pre><div class="code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border"><div class="code-header border-b px-4 py-2 bg-ods-card border-ods-border"><span class="font-sans text-xs uppercase tracking-wide text-ods-text-tertiary">bash</span></div><div class="p-4"><pre class="overflow-x-auto"><code class="language-bash hljs font-mono text-[14px]" style="background: transparent; color: var(--color-text-primary);"> foo
+ &lt;/textarea&gt;
+</code></pre></div></div></pre>
+</li>
+</ul>
+<h2 id="after-heading" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">After heading</h2></article></div></div>"
+`;
+exports[`SimpleMarkdownRenderer golden parity > renders headings with backend sectionIds + demoteMarkdownH1ToH2 1`] = `
+"<div class="simple-markdown-renderer "><div class="content-wrapper max-w-none"><article class="prose prose-lg max-w-none"><h2 id="getting-started" class="font-sans font-bold mt-8 mb-4 first:mt-0 text-heading-1">🚀 Getting Started</h2>
+<h2 id="setup" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">Setup</h2>
+<h2 id="setup-2" class="font-sans font-semibold mt-8 mb-4 pb-2 border-b border-ods-border text-heading-2">Setup</h2>
+<h3 id="deep-dive" class="font-sans font-semibold mt-6 mb-3 text-ods-text-primary text-2xl md:text-3xl">Deep Dive 🔧</h3>
+<h4 id="h4-level" class="font-sans font-semibold mt-4 mb-2 text-ods-text-primary text-xl">H4 level</h4>
+<h5 id="h5-level" class="font-sans font-semibold mt-3 mb-2 text-ods-text-primary text-lg md:text-xl">H5 level</h5>
+<h6 id="h6-level" class="font-sans font-semibold mt-3 mb-1 text-ods-text-primary text-base md:text-lg">H6 level</h6></article></div></div>"
+`;
+exports[`heading-id and section-extractor slug agreement > agrees with the extractor across fence, container and setext shapes > drift-sections 1`] = `
+[
+  {
+    "id": "top",
+    "level": 1,
+    "title": "Top",
+  },
+  {
+    "id": "setext-title",
+    "level": 2,
+    "title": "Setext Title",
+  },
+  {
+    "id": "quoted",
+    "level": 2,
+    "title": "Quoted",
+  },
+  {
+    "id": "listed",
+    "level": 2,
+    "title": "Listed",
+  },
+  {
+    "id": "quoted-2",
+    "level": 2,
+    "title": "Quoted",
+  },
+  {
+    "id": "tail",
+    "level": 2,
+    "title": "Tail",
+  },
+]
+`;
+exports[`heading-id and section-extractor slug agreement > renderer-generated heading ids equal extractSections ids for the same markdown > extracted-sections 1`] = `
+[
+  {
+    "id": "getting-started",
+    "level": 1,
+    "title": "🚀 Getting Started",
+  },
+  {
+    "id": "setup",
+    "level": 2,
+    "title": "Setup",
+  },
+  {
+    "id": "setup-2",
+    "level": 2,
+    "title": "Setup",
+  },
+  {
+    "id": "setup-3",
+    "level": 2,
+    "title": "Setup",
+  },
+  {
+    "id": "section-5",
+    "level": 2,
+    "title": "!!!",
+  },
+  {
+    "id": "weird-punct-chars",
+    "level": 2,
+    "title": "Weird — punct!, chars?",
+  },
+]
+`;