Anyone else running into issues with dawn's sticky header covering anchor links?

[tim_tairli]

A no-coding solution can be to add another (almost invisible) anchor a bit higher.

See How to make button scroll to specific section on same page - #3 by tim_1

Another option is to use JS to override anchor link handling.

Finally, should it be scroll-margin-top or scroll-padding-top?
The latter specifically suggests your use-case :

The scroll-padding-top property defines offsets for the top of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.

Ah, this depends on where you apply this property – scroll-margin-top works for target elements (as in your code), while scroll-padding-top – on container – try this on body, like

body {
  scroll-padding-top: var(--header-height);
}