How do scroll-margin and scroll-padding differ?

They manage offsets when using CSS scroll snapping or anchor links, but one is applied to the scrollable container, the other to the target item.

scroll-padding is applied to the parent container to create an offset zone (e.g., to account for a fixed sticky header). scroll-margin is applied directly to the child element to push it away from the snap boundary.