clarify explanation and add better example

Author: devalog

fern/products/docs/pages/component-library/writing-content/markdown-media.mdx

@@ -187,9 +187,23 @@ $$
     \,d\xi
 $$
 
-### Escaping dollar signs
+### Displaying literal dollar signs
 
-Text between two dollar signs is rendered as a LaTeX equation. For example, `$10 this is sample text $20` renders as $10 this is sample text $20. To display dollar signs as literal text, escape them with a backslash: `\$10 this is sample text \$20` renders as \$10 this is sample text \$20.
+Since dollar signs trigger LaTeX rendering, text containing dollar amounts may accidentally render as math equations. To display literal dollar signs in your documentation (like prices, budgets, costs, or financial data), escape them with a backslash (`\`):
+
+<div className="highlight-frame">
+  <div className="highlight-frame-content">
+    Without escaping: The product costs $10 and shipping is $5
+
+    With escaping: The product costs \$10 and shipping is \$5
+  </div>
+</div>
+
+
+```markdown Markdown wordWrap
+Without escaping: The product costs $10 and shipping is $5
+With escaping: The product costs \$10 and shipping is \$5
+```
 
 ## Diagrams
 Fern supports creating diagrams within your Markdown using [Mermaid](https://mermaid.js.org/). Mermaid offers a variety of diagrams, including flowcharts, entity-relationship models, and Gantt charts. To include a Mermaid diagram in your Markdown file, create a codeblock marked with `mermaid`.