html {
  scroll-behavior: smooth;
}

:root {
  /* Matches #header.header-scrolled / #header.header-pages height (style.css).
     Anchor scrolling must target this settled height, not the taller
     unscrolled height — a smooth-scroll's target offset is fixed at click
     time, and the header shrinks to this size before the scroll finishes. */
  --header-offset: 70px;
}

section[id] {
  scroll-margin-top: var(--header-offset);
}