.section-anchor {
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.anchor {
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  scroll-margin-top: var(--header-group-bottom, 0px);
}

@media (prefers-reduced-motion: no-preference) {
  html:has(.section-anchor) {
    scroll-behavior: smooth;
  }
}