Actual MyST-Parser output: named target, titled admonition and superscript marker

HTML for this example

Select the code and use your copy shortcut. Changes in this preview are temporary.

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>MyST native editorial note</title><style>*{box-sizing:border-box}body{margin:0;background:#faf9f3;color:#263341;font:17px/1.65 system-ui,sans-serif}main{max-width:820px;margin:auto;padding:28px}h1,h2{line-height:1.25}.admonition{border-left:5px solid #63714b;background:#f0f2e9;padding:18px}.admonition-title{font-weight:750}pre{font:16px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#eceae3;padding:18px}a{color:#174e77}@media(max-width:450px){main{padding:18px}}</style></head><body><main><p>Actual MyST-Parser 4.0.1 rendered fragment inside an independently authored reading-page shell. Original fictional editorial exercise; no dispatch, submission or real package.</p><section id="package-note-1">
<span id="package-note"></span><h1>Package note</h1>
<p>Fictional editorial exercise: keep the current label beside its
source record. No package is dispatched by this document.</p>
<aside class="admonition note">
<p class="admonition-title">Source context</p>
<p>Read the label beside the source record.<sup>2</sup></p>
</aside>
<p><a class="reference internal" href="#package-note">Return to package note</a></p>
</section>
<h2>Maintained Markdown original</h2><pre>(package-note)=
# Package note

Fictional editorial exercise: keep the current label beside its
source record. No package is dispatched by this document.

:::{admonition} Source context
:class: note

Read the label beside the source record.{sup}`2`
:::

[Return to package note](#package-note)
</pre><h2>Unconfigured conversion for comparison</h2><p>Without colon_fence, the comparison lacks the intended admonition structure. Raw native output:</p><pre>&lt;section id="package-note-1"&gt;
&lt;span id="package-note"&gt;&lt;/span&gt;&lt;h1&gt;Package note&lt;/h1&gt;
&lt;p&gt;Fictional editorial exercise: keep the current label beside its
source record. No package is dispatched by this document.&lt;/p&gt;
&lt;p&gt;:::{admonition} Source context
:class: note&lt;/p&gt;
&lt;p&gt;Read the label beside the source record.&lt;sup&gt;2&lt;/sup&gt;
:::&lt;/p&gt;
&lt;p&gt;&lt;a class="reference internal" href="#package-note"&gt;Return to package note&lt;/a&gt;&lt;/p&gt;
&lt;/section&gt;
</pre><p>No controls record, submit or save work. Retain the Markdown and renderer settings.</p></main><script>document.querySelector('a.reference.internal').addEventListener('click',event=>{event.preventDefault();document.getElementById('package-note').scrollIntoView({block:'start'});});</script></body></html>