.declaration-jump-pending #root {
  visibility: hidden;
}

.declaration-source-link,
.quote .declaration-source-link {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  opacity: inherit;
  border: 0;
  padding: 0;
  text-decoration: none;
  cursor: pointer;
}

.declaration-source-link:hover,
.declaration-source-link:focus-visible {
  text-decoration-line: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

.declaration-source-link:focus-visible {
  outline: none;
}

footer .declaration-source-link {
  opacity: inherit;
}

.declaration p[id] {
  scroll-margin-top: 26vh;
  border-radius: 0.12em;
}

.declaration p.declaration-highlight {
  animation: declaration-highlight-fade 4.2s ease-out forwards;
}

@keyframes declaration-highlight-fade {
  0% {
    background: rgba(213, 188, 108, 0.42);
    box-shadow: 0 0 0 0.18em rgba(213, 188, 108, 0.18);
  }
  25% {
    background: rgba(213, 188, 108, 0.34);
    box-shadow: 0 0 0 0.18em rgba(213, 188, 108, 0.12);
  }
  100% {
    background: transparent;
    box-shadow: 0 0 0 0 transparent;
  }
}

@media (prefers-reduced-motion: reduce) {
  .declaration p.declaration-highlight {
    animation-duration: 0.01ms;
  }
}