/* Visible by default: observers never add a persistent hidden state. */
.mr-site-footer a { transition: color var(--mr-transition); }
.mr-site-footer a:focus-visible { color: var(--mr-color-accent); }
@media (hover: hover) and (pointer: fine) {
  .mr-site-footer a:hover { color: var(--mr-color-accent); }
}
@media (prefers-reduced-motion: reduce) {
  [data-motion] { opacity: 1 !important; transform: none !important; }
  *, *::before, *::after { transition-delay: 0s !important; animation-delay: 0s !important; }
}

/* Proposal's approved cadence, scoped to Home sections that opt into preparation.
   Hero and existing reveals in excluded sections keep their original tokens. */
[data-motion-prepare] {
  --mr-section-duration-enter: 900ms;
  --mr-section-delay-enter: 120ms;
  --mr-section-stagger: 140ms;
  --mr-section-distance: 18px;
  --mr-section-easing: cubic-bezier(.22, 1, .36, 1);
  --mr-workspace-distance: 24px;
}
@media (max-width: 47.999rem) {
  [data-motion-prepare] { --mr-section-stagger: 0ms; --mr-section-distance: 12px; --mr-workspace-distance: 12px; }
}
/* Only existing actions/cards in included sections receive these refinements. */
:is(.mr-callout, .mr-tlg, .mr-cice, .mr-training)[data-motion-prepare] .mr-button {
  transition: background-color var(--mr-transition), color var(--mr-transition), border-color var(--mr-transition);
}
:is(.mr-callout, .mr-tlg, .mr-cice, .mr-training)[data-motion-prepare] .mr-button:focus-visible {
  outline: 3px solid var(--mr-color-action);
  outline-offset: 4px;
  border-color: var(--mr-color-text);
}
.mr-solutions-item { transition: border-color var(--mr-transition); }
.mr-solutions-item-title { transition: color var(--mr-transition); }
.mr-solutions-item:focus-within { border-color: var(--mr-color-action); }
.mr-solutions-trigger:focus-visible .mr-solutions-item-title { color: var(--mr-color-action); }
@media (hover: hover) and (pointer: fine) {
  :is(.mr-callout, .mr-tlg, .mr-cice, .mr-training)[data-motion-prepare] .mr-button:hover { border-color: var(--mr-color-text); }
  .mr-solutions-item:hover { border-color: var(--mr-color-action); }
  .mr-solutions-trigger:hover .mr-solutions-item-title { color: var(--mr-color-action); }
}
