html {
  scroll-padding-top: 24px;
  scroll-snap-type: none;
}

main > section[id] {
  scroll-margin-top: 0;
  scroll-snap-align: start;
  scroll-snap-stop: normal;
}

main > #top {
  scroll-margin-top: 100px;
}

@media (min-width: 761px) {
  html {
    scroll-padding-top: 32px;
    scroll-snap-type: y proximity;
  }
}

html[data-motion="paused"] {
  scroll-snap-type: none;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-snap-type: none;
    scroll-behavior: auto;
  }
}