/* Only this collage card owns the live activity scene and its static fallback. */
.collage-card.collage-observe { display:flex;flex-direction:column; }
#observe-demo { --observe-gutter:30px;margin:auto calc(-1 * var(--observe-gutter)) 0; }
#observe-demo > .collage-window { margin-left:var(--observe-gutter); }
#observe-demo > .collage-window { margin-top:28px; }
#observe-demo .observe-fallback-mark { width:19px;height:19px;flex:none; }
@media(min-width:1700px) { #observe-demo { --observe-gutter:36px; } }
@media(max-width:1000px) { #observe-demo { --observe-gutter:22px; } }
@media(max-width:700px) { .collage-card.collage-observe { padding-bottom:0; } }
@media(prefers-reduced-motion:reduce) {
  .observe-demo *, .observe-demo *::before, .observe-demo *::after { transition:none!important;animation:none!important; }
}