/* The flip expands both hover layers across the page. Keep the writing
   page on the card's primary red until the closing flip has completed. */
html.red-mode body.page-open .myths__cards_gallery .myths__cards_gallery__hoverIndicator .myths__cards_gallery__hoverIndicator__leftBG,
html.red-mode body.page-open .myths__cards_gallery .myths__cards_gallery__hoverIndicator .myths__cards_gallery__hoverIndicator__rightBG {
  background: var(--color-red-primary);
}

/* Red hover cues are expanded during flips; use one red before, during and after. */
html.red-mode { --color-red-hover: var(--color-red-primary); }