html { scroll-behavior: smooth; } включает анимацию прокрутки к якорям — удобно для оглавления longread.
В @media (prefers-reduced-motion: reduce) задайте scroll-behavior: auto — требование доступности.
- [scroll-behavior — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior) — smooth и auto.
- [prefers-reduced-motion — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion) — Отключение анимаций.
---
## scroll-margin
Комбинируйте с scroll-margin-top под sticky header — иначе заголовок прячется под шапкой.