Actual Typst HTML: source note, three packet items and preserved emphasis

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>Typst native HTML reading structure</title><style>*{box-sizing:border-box}body{margin:0;background:#faf8f1;color:#283442;font:17px/1.6 system-ui,sans-serif}main{max-width:840px;margin:auto;padding:28px}h1,h2{line-height:1.2}article{background:white;border:1px solid #a7adb3;padding:22px;margin:20px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eceae4;padding:16px;font:15px/1.6 ui-monospace,monospace}svg{max-width:100%;height:auto;display:block;margin:auto}@media(max-width:450px){main{padding:18px}article{padding:15px}}</style></head><body><main><p>Actual Typst 0.14.2 experimental HTML, inside an independently styled reading shell. Original fictional note; no collection record is changed.</p><article id="native">
    <h2>Cabinet reading note</h2>
    <p>Original fictional archive exercise. No collection record is changed.</p>
    <h3>Packet contents</h3>
    <ul>
      <li>The current source note</li>
      <li>The generated reading copy</li>
      <li>The recorded compiler command</li>
    </ul>
    <p><strong>Keep the source beside the reading copy.</strong></p>
  </article><h2>Maintained Typst source</h2><pre>#set document(title: "Cabinet reading note")

= Cabinet reading note

Original fictional archive exercise. No collection record is changed.

== Packet contents

- The current source note
- The generated reading copy
- The recorded compiler command

*Keep the source beside the reading copy.*
</pre><h2>Recorded command</h2><pre>typst compile cabinet-note.typ cabinet-note.html --features html</pre><p>The untouched generated HTML and .typ source are separate downloads. This reading shell is not the original compiler output or a production PDF.</p></main></body></html>