/* Product task stories: existing event text, no new claims or invented UI. */
.gt-task-motion .feed .ev{transition:opacity .35s ease,transform .35s ease,border-color .35s ease,background-color .35s ease}
.gt-task-motion:not(.gt-task-motion--done) .feed .ev:not(.is-seen){opacity:.34;transform:translateY(8px)}
.gt-task-motion .feed .ev.is-current{border-color:#76cfe3;background:#eaf8fb}
.gt-task-motion .tshot{position:relative;transition:box-shadow .35s ease}
.gt-task-motion .tshot.is-current{box-shadow:0 0 0 3px rgba(8,145,176,.26)}
.gt-task-focus{position:absolute;z-index:2;border:2px solid #23c8dc;border-radius:7px;background:rgba(35,200,220,.07);box-shadow:0 0 0 999px rgba(0,0,0,.13);pointer-events:none;opacity:0;transition:opacity .35s ease}
.gt-task-focus.is-current{opacity:1}
/* Comparison entry: the existing two panels are revealed together, with a small offset. */
.gt-compare-motion > .pane,.gt-compare-motion > .fl{transition:opacity .5s ease,transform .5s ease}
.gt-compare-motion:not(.is-visible) > .pane,.gt-compare-motion:not(.is-visible) > .fl{opacity:0;transform:translateY(14px)}
.gt-compare-motion > :nth-child(2){transition-delay:.12s}
@media(prefers-reduced-motion:reduce){.gt-task-motion .feed .ev,.gt-task-motion .tshot,.gt-task-focus,.gt-compare-motion > .pane,.gt-compare-motion > .fl{transition:none!important;transform:none!important;opacity:1!important}.gt-task-focus{display:none}}
/* Mobile: stack the two CTAs, one action per line (Steven review). */
@media(max-width:640px){.mp .ctas{flex-direction:column;align-items:stretch}.mp .ctas .btn{width:100%;justify-content:center;flex:none}}