/* M29 calm motion contracts; served through the approved assets root. */
@media (min-width: 761px) {
  .semantic-ledger .semantic-primary li,
  .semantic-ledger .semantic-auxiliary li {
    animation: m29-semantic-enter 0.72s var(--m29-ease) both;
    animation-delay: calc(var(--semantic-order) * 55ms);
  }

  .history-row,
  .covenant-row > div,
  .share-path-step {
    transition:
      color 0.22s ease,
      border-color 0.22s ease,
      background-color 0.22s ease,
      box-shadow 0.28s ease,
      transform 0.28s var(--m29-ease);
  }

  .share-sheet-action {
    transition:
      color 0.2s ease,
      opacity 0.2s ease;
  }

  .share-sheet-action:hover {
    color: #7b342d;
    opacity: 0.82;
  }

  .covenant-actions button:hover {
    transform: translateY(-1px);
  }

  .share-path-step.is-current > div span {
    animation: m29-current-breathe 3.8s ease-in-out infinite;
  }

  @keyframes m29-semantic-enter {
    from {
      opacity: 0;
      transform: translate3d(-10px, 8px, 0);
    }
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes m29-current-breathe {
    0%,
    100% {
      box-shadow:
        0 0 0 4px rgba(8, 30, 52, 0.92),
        0 0 12px rgba(241, 221, 169, 0.18);
    }
    50% {
      box-shadow:
        0 0 0 4px rgba(8, 30, 52, 0.92),
        0 0 22px rgba(241, 221, 169, 0.34);
    }
  }

}

@media (prefers-reduced-motion: reduce) {
  .semantic-ledger .semantic-primary li,
  .semantic-ledger .semantic-auxiliary li,
  .share-path-step.is-current > div span {
    animation: none !important;
  }

  .history-row,
  .covenant-row > div,
  .share-path-step,
  .share-sheet-action {
    transition-duration: 0.01ms !important;
  }
}