/* Article narration highlighting.
   Segment (paragraph) highlight is a class; the current word uses the CSS Custom
   Highlight API so no DOM wrapper is injected into the stored article. */

/* The page background is Ancient Ivory, so the active paragraph gets a warm Camel
   wash. The box-shadow copies extend the band ~0.5rem past the text on each side
   (no blur/spread, just an offset solid) so the words are not flush against the
   band edge - and because it is a shadow, toggling causes no layout reflow. */
.fc-article-body .narration-segment-playing {
    background: rgba(186, 105, 44, 0.08); /* Camel wash */
    box-shadow: -0.5rem 0 0 rgba(186, 105, 44, 0.08), 0.5rem 0 0 rgba(186, 105, 44, 0.08);
    border-radius: 2px;
    transition: background 120ms ease;
}

::highlight(narration-word) {
    background: #f9d693; /* Golden Straw */
    color: #0f1a18;      /* Forest */
}