/* Digihandler Academy — CSS the React build never needed.
   Load after the built index-*.css. */

/* Without JS (or before html.dh-js is set) nothing may stay invisible:
   the built CSS starts every .reveal at opacity 0 and React added .is-in. */
html:not(.dh-js) .reveal { opacity: 1; transform: none; }

/* Reduced motion: show immediately, no fade/slide (site.js also adds .is-in). */
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}

/* Category filters: React unmounted non-matching cards; we hide them.
   .card sets its own display, which would beat the [hidden] UA rule. */
.dh-filtered-out, .card[hidden] { display: none !important; }