Note that I have no clue what purpose the affected CSS rule was originally intended to serve.

It's for positioning the footnote link when clicking the footnote backlink (correction for sticky navbar).

Without it — the footnote link is hidden beneath the (sticky) navbar:

With it — it's visible:

I'll re-add it

3169e97

I'll re-add it

But you added the exact same rule as this PR removed? 🤨

Did you test the rule with actual footnote content?

The problem I referred to is content like the following paragraph:

Some paragraph with a footnote reference[^1] in the middle.

[^1]: A footnote.

This paragraph is split (line wrap) after "reference" in the rendered HTML.

Plus: the problem your CSS rule is intended to solve applies to all anchor links (fragment identifiers), not just footnotes, right? So I guess the sup CSS selector is not what we want to leverage here, but a instead. No?

This paragraph is split (line wrap) after "reference" in the rendered HTML.

Ah, I didn't get that — I see now

Plus: the problem your CSS rule is intended to solve applies to all anchor links (fragment identifiers), not just footnotes, right? So I guess the sup CSS selector is not what we want to leverage here, but a instead. No?

Only <sup> elements with an id attribute are affected — I think that's safe to do. So something like e.g. Y = X<sup>2</sup> is not hit:

Will look into a fix

This is way more elegant (just a oneliner) and robust :

sup[id] {
  scroll-margin-top: 5rem; 
}

Resources: One line CSS solution to prevent anchor links from scrolling behind a sticky or fixed header

This is way more elegant (just a oneliner) and robust

Awesome, thank you! I didn't know about scroll-margin until now.

Awesome, thank you! I didn't know about scroll-margin until now.

Me neither 😄