/* ======================================================
   GHN Scroll Reading for Divi — v2.0 (Scroll-only)
   Modes: Words | Phrases | Sentences
   No sticky / no pinning / no overlays
   ====================================================== */

/* Safety */
.ghn-sr, .ghn-sr-words, .ghn-sr-phrases, .ghn-sr-sentences,
.ghn-sr * , .ghn-sr-words * , .ghn-sr-phrases * , .ghn-sr-sentences * {
  box-sizing: border-box;
}

/* Units */
.ghn-sr-unit {
  display: inline;
  opacity: 0.35; /* Option A: opacity-based inactive state (theme-safe) */
  transition: opacity 0.25s ease;
}

.ghn-sr-unit.is-active {
  opacity: 1;
}

.ghn-sr-unit::after {
  content: " ";
}

/* Headings/paragraphs often have margins; leave Divi styling alone. */
/* If you want tighter reading blocks, adjust margin in Divi presets, not here. */

/* Optional: slightly slower fade for sentences */
.ghn-sr-sentences .ghn-sr-unit,
.ghn-sr-phrases .ghn-sr-unit {
  transition-duration: 0.30s;
}

/* Reduced motion users get normal text (JS skips wrapping) */
@media (prefers-reduced-motion: reduce) {
  .ghn-sr-unit { opacity: 1 !important; transition: none !important; }
}