<p>This is the body with a footnote<sup id="fnr1-506476047">
    <a href="#fn1-506476047">1</a>
  </sup> or two<sup id="fnr2-506476047">
    <a href="#fn2-506476047">2</a>
  </sup> or more<sup id="fnr3-506476047">
    <a href="#fn3-506476047">3</a>
  </sup>
  <sup id="fnr4-506476047">
    <a href="#fn4-506476047">4</a>
  </sup>.</p>
<div class="footnote">
  <hr />
  <ol>
    <li id="fn1-506476047">
      <p>Footnote that ends with a list:</p>
      <ul>
        <li>item 1</li>
        <li>item 2</li>
      </ul>
      <p>
        <a class="footnoteBackLink" href="#fnr1-506476047" title="Jump back to footnote 1 in the text">&#8617;</a>
      </p>
    </li>
    <li id="fn2-506476047">
      <blockquote>
        <p>This footnote is a blockquote.</p>
      </blockquote>
      <p>
        <a class="footnoteBackLink" href="#fnr2-506476047" title="Jump back to footnote 2 in the text">&#8617;</a>
      </p>
    </li>
    <li id="fn3-506476047">
      <p>A simple oneliner.<a class="footnoteBackLink" href="#fnr3-506476047" title="Jump back to footnote 3 in the text">&#8617;</a>
      </p>
    </li>
    <li id="fn4-506476047">
      <p>A footnote with multiple paragraphs.</p>
      <p>Paragraph two.<a class="footnoteBackLink" href="#fnr4-506476047" title="Jump back to footnote 4 in the text">&#8617;</a>
      </p>
    </li>
  </ol>
</div>