/* Classes are added only after JavaScript initialises. Unenhanced pages stay fully readable. */
body[data-page="inner"] .vn-page-pending {
  opacity: 0;
}

body[data-page="inner"] .vn-page-pending.vn-page-rise {
  translate: 0 12px;
}

/* Primary page introductions never fade or rise, even if marked as candidates later. */
body[data-page="inner"] :is(
  .page-hero,
  .page-hero .eyebrow,
  .page-hero h1,
  .page-hero p,
  .page-hero .hero-actions,
  .article-back,
  .article-wrap > .insight-meta,
  .article-wrap > h1,
  .article-deck,
  .article-byline,
  .legal > .eyebrow,
  .legal > h1,
  .legal > p:first-of-type,
  .not-found,
  .not-found .eyebrow,
  .not-found h1,
  .not-found p
) {
  opacity: 1 !important;
  translate: none !important;
}

/* Focus always takes priority over motion, including during the event dispatch. */
body[data-page="inner"] .vn-page-pending:focus-within {
  opacity: 1 !important;
  translate: none !important;
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="inner"] .vn-page-pending,
  body[data-page="inner"] .vn-page-rise {
    opacity: 1 !important;
    translate: none !important;
    transition: none !important;
    animation: none !important;
  }
}