/* Shared branding across independently built demo and training pages. */
.wordmark, .mark { display: inline-flex; align-items: center; }
.wordmark img, .mark img { display: block; width: auto; height: 46px; max-width: 100%; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #087b58; outline-offset: 5px; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .rv { opacity: 1 !important; transform: none !important; }
}