.acwp-reading-focus-overlay {
  position: fixed;
  inset: 0;
  z-index: 999998;
  pointer-events: none;

  /* ✅ DEFINE THE VARIABLE */
  --focus-y: 50vh;
  --focus-height: 160px;

  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.7) 0%,
    rgba(0,0,0,0.7) calc(var(--focus-y) - var(--focus-height) / 2),
    transparent calc(var(--focus-y) - var(--focus-height) / 2),
    transparent calc(var(--focus-y) + var(--focus-height) / 2),
    rgba(0,0,0,0.7) calc(var(--focus-y) + var(--focus-height) / 2),
    rgba(0,0,0,0.7) 100%
  );
}

/* Hidden by default */
.acwp-reading-focus-overlay {
  display: none;
}

/* Show when toggle is ON (any variant) */
body[class*="readingfocus"] .acwp-reading-focus-overlay {
  display: block;
}