/* Only sections that were originally black receive the scroll transition. */
body.subbody .scroll-dark-target{--target-bg:#f8f8f6;--target-text:#1c1c1c;--target-muted:#666;--target-line:#d6d6d2;background:var(--target-bg);color:var(--target-text);transition:background-color .8s ease,color .7s ease}
body.subbody .scroll-dark-target.is-dark-reached{--target-bg:#171717;--target-text:#fff;--target-muted:#b3b3b3;--target-line:#565656}
body.subbody .scroll-dark-target :is(h2,h3,b,strong){color:var(--target-text);transition:color .7s ease}
body.subbody .scroll-dark-target :is(p,.after-support-note){color:var(--target-muted);transition:color .7s ease,background-color .8s ease}
body.subbody .scroll-dark-target :is(.after-support-list,.after-support-row,.cp-pillar){border-color:var(--target-line);transition:border-color .7s ease}
body.subbody .scroll-dark-target .after-support-note{background:#eeece7}
body.subbody .scroll-dark-target.is-dark-reached .after-support-note{background:#282828;color:#ddd}
body.subbody .scroll-dark-target .after-kicker{color:#e96832;transition:color .7s ease}
body.subbody .scroll-dark-target.is-dark-reached .after-kicker{color:#f68a55}
@media(prefers-reduced-motion:reduce){body.subbody .scroll-dark-target,body.subbody .scroll-dark-target *{transition:none!important}}

/* Handover follows the same light-to-black transition as support scope. */
body.subbody .scroll-dark-target.after-transfer :is(.after-transfer-list,.after-transfer-row){border-color:var(--target-line);transition:border-color .7s ease}
body.subbody .scroll-dark-target.after-transfer .after-transfer-note{background:#eeece7;color:var(--target-muted);transition:background-color .8s ease,color .7s ease}
body.subbody .scroll-dark-target.after-transfer.is-dark-reached .after-transfer-note{background:#282828;color:#ddd}