/* Idle-only guidance: one panel entrance and two finite arrow nudges per stop. */
.photo-scroll-cue{position:absolute;z-index:5;top:calc(var(--ph) + 54px);left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 60px);margin:0;color:#fff6e8;font:400 16px/24px Heebo,sans-serif;text-align:center;opacity:0;visibility:hidden;pointer-events:none}
.photo-scroll-panel{display:flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;padding:3px 12px;border:0;outline:.5px solid rgba(255,104,69,.55);outline-offset:-.5px;background:rgba(11,18,22,.94);opacity:0;transform:translateY(8px) scale(.96);transform-origin:50% 100%}
.photo-scroll-panel span{text-wrap:balance;min-width:0}
.photo-scroll-panel b{flex:none;color:#ff6845;font:400 26px/26px Heebo,sans-serif;padding-inline-start:9px;border:0}
.photo-scroll-cue.cue-in-view .photo-scroll-panel{opacity:1;transform:none;animation:photo-cue-enter .32s cubic-bezier(.2,.7,.2,1)}
@keyframes photo-cue-enter{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:650px){.photo-scroll-cue{font-size:15px;line-height:22px;max-width:calc(100% - 52px)}.photo-scroll-panel{gap:8px;padding:3px 10px}.photo-scroll-panel b{padding-inline-start:7px}}

/* Mobile metadata reserves a real row, so the popup never covers the image or story. */
@media(max-width:650px){.comparison-details{grid-template-rows:26px auto}.comparison-details>.photo-scroll-cue{position:relative;top:auto;left:auto;transform:none;grid-area:2/1;justify-self:center;margin-top:4px;max-width:calc(100% - 72px)}}

.photo-scroll-cue.cue-in-view .photo-scroll-panel b{animation:photo-cue-arrow 1.2s ease-in-out .32s 2}
@keyframes photo-cue-arrow{0%,100%{transform:translateY(0)}45%{transform:translateY(4px)}}

/* Compact space around guidance while retaining its fixed layout slot. */
@media(max-width:650px){.compact-story .photo-scene>.story{margin-top:-8px!important;padding-top:4px}}
@media(min-width:651px){.story:not(.reference-story){padding-top:12px}}