/* Shared progressive-enhancement fallbacks and demonstration controls. */
#main-content { scroll-margin-top: 130px; }
.demo-paused .sys *, .demo-paused .mod-showcase * { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) {
  .r, .ed-r, .scroll-reveal, .reveal-head, .reveal-from-left, .reveal-from-right,
  .statement, .closing-line, .closing-cta, .rv { opacity: 1 !important; transform: none !important; filter: none !important; }
  video[autoplay] { display: block; }
}
@media (scripting: none) {
  .r, .ed-r, .scroll-reveal, .reveal-head, .reveal-from-left, .reveal-from-right,
  .statement, .closing-line, .closing-cta, .rv { opacity: 1 !important; transform: none !important; filter: none !important; }
}
/* Keep the demo's data region scrollable without widening the document. */
.sys, .sys-main, .sys-scroll, .sys-stream, .mod-showcase { min-width: 0; max-width: 100%; }
.sys-scroll { overflow: auto; }