/* Shared directional feedback for links between pages. */
.arrow-motion .motion-arrow {
  display: inline-block;
  color: var(--accent);
  transition: transform .2s ease;
  --arrow-x: 4px;
  --arrow-y: 0px;
}
.arrow-motion .motion-arrow[data-direction="left"] { --arrow-x: -4px; }
.arrow-motion:is(:hover, :focus-visible):not(:disabled) .motion-arrow {
  transform: translate(var(--arrow-x), var(--arrow-y));
}
.arrow-motion:focus-visible { outline: 1px solid var(--accent); outline-offset: 6px; }
@media (prefers-reduced-motion: reduce) {
  .arrow-motion .motion-arrow { transition: none; }
  .arrow-motion:is(:hover, :focus-visible):not(:disabled) .motion-arrow { transform: none; }
}