/*
 * Consistent landing position for in-page scroll links (see scroll-links.js).
 *
 * Section containers with a dark/shade/primary theme have an internal
 * `padding-block: var(--space-3xl)`, so scrolling to them leaves breathing room
 * above the heading. Light/default sections have no such padding, so the scroll
 * lands flush on the heading – it looks like the jump targets the element
 * instead of its container. Giving the unpadded sections a matching
 * `scroll-margin-top` makes every scroll target stop with the same offset below
 * the sticky header.
 */
.section-container:not([data-theme='dark']):not([data-theme='shade']):not([data-theme='primary']) {
  scroll-margin-top: var(--space-3xl);
}