scroll-behavior: smooth и якоря с prefers-reduced-motion

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 — иначе заголовок прячется под шапкой.