/* Scroll reveals use the shared controller; native effects keep their original CSS. */
.sc-body [data-reveal] {
  opacity: 1;
  transform: none;
  transition: none;
}

@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .sc-body :is(.course-org-card, .blog-card, .sci-course-progress-item) {
    transition: translate 220ms ease, box-shadow 220ms ease;
  }
  .sc-body :is(.course-org-card, .blog-card, .sci-course-progress-item):hover {
    translate: 0 -3px;
    box-shadow: 0 14px 32px #122c4014;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sc-body *, .sc-body *::before, .sc-body *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
@media print {
  .sc-motion-target { opacity: 1 !important; translate: none !important; }
}