diff --git a/inst/resources/default.css b/inst/resources/default.css
index 17cac3b..80c219b 100644
--- a/inst/resources/default.css
+++ b/inst/resources/default.css
@@ -48,7 +48,7 @@ table, .body h2 { border-bottom: 1px solid #666; }
 .body .appendix, .appendix ~ h2 { border-bottom-style: dashed; }
 .footnote-ref a::before { content: "["; }
 .footnote-ref a::after { content: "]"; }
-.footnotes::before {
+section.footnotes::before {
   content: "";
   display: block;
   max-width: 20em;
diff --git a/inst/resources/snap.js b/inst/resources/snap.js
index 7d57e32..c3c6210 100644
--- a/inst/resources/snap.js
+++ b/inst/resources/snap.js
@@ -71,9 +71,9 @@
     if (fn) s.querySelectorAll('.footnote-ref > a[href^="#fn"]').forEach(a => {
       const li = fn.querySelector('li' + a.getAttribute('href'));
       if (!li) return;
-      let f = s.querySelector('div.footnotes');
+      let f = s.querySelector('section.footnotes');
       if (!f) {
-        f = newEl('div', 'footnotes'); s.append(f);
+        f = newEl('section', 'footnotes'); s.append(f);
       }
       f.append(li);
       li.firstElementChild?.insertAdjacentHTML('afterbegin', `[${a.innerHTML}] `);