/* Opt-in arrows: add <span class="action-arrow" aria-hidden="true">→</span>.
   Only selected body links and linked choice cards use this small response. */
.action-arrow {
  --action-arrow-x: 2px; --action-arrow-y: 0px;
  display: inline-block; flex-shrink: 0; white-space: nowrap;
  transition: transform .16s ease;
}
.action-arrow--diagonal { --action-arrow-x: 2px; --action-arrow-y: -2px; }
.action-arrow--down { --action-arrow-x: 0px; --action-arrow-y: 2px; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  a.btn:hover .action-arrow, a.text-link:hover .action-arrow,
  a.sector-card:hover .action-arrow {
    transform: translate(var(--action-arrow-x), var(--action-arrow-y));
  }
}
@media (prefers-reduced-motion: no-preference) {
  a.btn:focus-visible .action-arrow, a.text-link:focus-visible .action-arrow,
  a.sector-card:focus-visible .action-arrow {
    transform: translate(var(--action-arrow-x), var(--action-arrow-y));
  }
}
@media (prefers-reduced-motion: reduce) {
  .action-arrow { transition: none; transform: none; }
}