Styling suggestion: using padding instead of margin for anchor headings

[P233]

The targeted anchor heading can be cutted by the fixed top breadcrumb on mobile devices. For example:

This is not helpful if I directly come to the site with anchor links. Using padding instead of margin can make sure there is enough space between the target heading and the viewport edge.

yari/client/src/document/index.scss

Lines 336 to 340 in 7891636

	h2 {
	font: var(--type-heading-h2);
	letter-spacing: 0.5px;
	margin: 4rem 0 1rem;
	}