.jump-to-target {
  display: block;
  scroll-margin-block-start: calc(
    var(--jump-to-target-offset, 0px) + var(--jump-to-target-inset, 0px)
  );
}

.jump-to-target[data-scroll-down] {
  scroll-margin-block-start: calc(
    var(--viewport-top-inset-hidden, 0px) -
      var(--viewport-top-inset-shown, 0px) + var(--jump-to-target-inset, 0px)
  );
}

.jump-to-target:focus {
  outline: none;
}