[id],
[name] {
  scroll-margin-top: calc(var(--anchor-scroll-offset, 96px) + 18px);
}

@keyframes anchor-scroll-highlight {
  0% {
    box-shadow: 0 0 0 0 rgb(7 74 73 / 0.28);
  }

  100% {
    box-shadow: 0 0 0 18px rgb(7 74 73 / 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .anchor-scroll-highlight {
    animation: none;
  }
}