/* The original poster owns sizing; the clipped atlas never participates in layout. */
[data-buddy-motion]{display:inline-block;position:relative;flex-shrink:0;line-height:0}
[data-buddy-motion]>img{display:block}
[data-buddy-motion]>.buddy-sprite-viewport{display:none;position:absolute;overflow:hidden;pointer-events:none;line-height:0;isolation:isolate}
[data-buddy-motion][data-buddy-ready=true]>.buddy-sprite-viewport{display:block}
[data-buddy-motion][data-buddy-ready=true]>img{visibility:hidden}
html[data-buddy-reduced-motion=true] [data-buddy-motion]>img{visibility:visible}
html[data-buddy-reduced-motion=true] [data-buddy-motion]>.buddy-sprite-viewport{display:none}
[data-buddy-motion]>.buddy-sprite-viewport>.buddy-sprite-sheet{display:block;position:absolute;top:0;left:0;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}
/* Preserve the existing warm placements and poster margins. */
.spot-rail-mascot [data-buddy-motion]{margin:0 auto 5px}.spot-rail-mascot [data-buddy-motion]>img{margin:0}
.directory-intro [data-buddy-motion]{margin-right:30px}.directory-intro [data-buddy-motion]>img{margin:0}
.welcome-buddy [data-buddy-motion]{z-index:1}
@media(prefers-reduced-motion:reduce){html:not([data-buddy-motion-preference=animate]) [data-buddy-motion][data-buddy-ready=true]>img{visibility:visible}html:not([data-buddy-motion-preference=animate]) [data-buddy-motion][data-buddy-ready=true]>.buddy-sprite-viewport{display:none}}
@media(max-width:700px){.directory-intro [data-buddy-motion]{margin-right:0}}

/* Preview settings also serve as the destination for site-wide settings links. */
#motion-settings {
  margin-top: 28px;
  padding: 20px 24px;
  border: 1px solid #EBDDCF;
  border-radius: 12px;
  background: #FFF9EF;
  scroll-margin-top: 24px;
}
#motion-settings:target { border-color: #9B4B3A; }
#motion-settings h2 { margin: 0 0 12px; font-size: 17px; }
#motion-settings label {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
}
#motion-settings select { box-sizing: border-box; width: 100%; max-width: 340px; min-height: 44px; padding: 10px 12px; border: 1px solid #BFA58C; border-radius: 8px; color: #3E2F31; background: #FFFEFB; font: inherit; font-size: 16px; }
#motion-settings select:focus-visible { outline: 2px solid #9B4B3A; outline-offset: 4px; }
#motion-settings p { margin: 10px 0 0; color: #62534B; font-size: 14px; line-height: 1.9; }
.motion-card button:disabled { background: #EBDDCF; color: #66514A; cursor: not-allowed; }