/* Only composited properties; no size, spacing, typography or layout changes. */
@keyframes csp-scroll-enter {
  from { opacity: 0; translate: 0 24px; }
  to { opacity: 1; translate: 0 0; }
}
@media (prefers-reduced-motion: no-preference) {
  .csp-scroll-enter {
    animation: csp-scroll-enter 700ms cubic-bezier(.22, 1, .36, 1) var(--csp-scroll-delay, 0ms) both;
  }
}
@media (prefers-reduced-motion: reduce) {
  .csp-scroll-enter { animation: none !important; }
}
@media print {
  .csp-scroll-enter { animation: none !important; }
}