/* Same-page updates retain their layout while content is loading. */
[data-content-navigation] { transition:opacity .16s ease; }
[data-content-navigation][aria-busy="true"] { opacity:.78; cursor:progress; }
[data-content-navigation].is-updating { overflow-anchor:none; }
#knowledge-feed { scroll-margin-top:24px; }

/* Browsers with cross-document transitions also soften full page changes. */
@view-transition { navigation:auto; }
::view-transition-old(root),::view-transition-new(root) { animation-duration:.16s; }

@media(prefers-reduced-motion:reduce) {
  [data-content-navigation] { transition:none; }
  @view-transition { navigation:none; }
  ::view-transition-old(root),::view-transition-new(root) { animation:none; }
}