/* Robi, ALL's guide, living in the page: a transparent cutout with no frame, card or box, floating next to the page's first heading.
   Same-origin images only (the CSP allows 'self'). The idle motion stops for people who ask for less motion. */
.robi-live{display:block;position:relative;z-index:1;width:clamp(110px,9.5vw,140px);margin:0 0 6px auto;pointer-events:none;user-select:none;-webkit-user-select:none}
.robi-live picture,.robi-live img{display:block;width:100%;height:auto;background:none;border:0;border-radius:0;box-shadow:none}
.robi-live img{transform-origin:50% 100%;animation:robi-live-bob 6.5s ease-in-out infinite}
.robi-live.sway img{animation-name:robi-live-sway;animation-duration:7.5s}
.robi-live.small{width:clamp(96px,12vw,140px)}
.robi-live.center{width:clamp(120px,12vw,150px);margin:0 auto 12px}
.robi-live.small{margin:0 auto 10px}
@keyframes robi-live-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes robi-live-sway{0%,100%{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}
@media(max-width:640px){.robi-live{width:84px}.robi-live.center,.robi-live.small{width:110px}}
@media(prefers-reduced-motion:reduce){.robi-live img{animation:none}}