/* The redaction reveal. This is the only rule set the preview page needs —
   everything else on it is plain headings, paragraphs, <code>, <dl> and
   <canvas>, so the theme styles it as ordinary page content.

   The bar takes currentColor, so it matches the theme's text rather than
   introducing a colour of its own.

   Bars are painted only inside .rdp-armed, which the script adds. With JS off,
   or when the visitor has asked for reduced motion, nothing is ever covered
   and the teaser reads as prose instead of a wall of black rectangles. */

.rdp-redact { position: relative; white-space: nowrap; }

.rdp-armed .rdp-redact::after {
    content: '';
    position: absolute;
    inset: -0.12em -0.18em;
    background: currentColor;
    transform-origin: right center;
    transition: transform 0.75s cubic-bezier(0.65, 0, 0.35, 1);
}

.rdp-armed .rdp-redact.is-revealed::after { transform: scaleX(0); }