/* Full glass-panel surrounds and complete arrow silhouettes share one 15-second sequence. */
.pcu-info-motion .pcu-workflow-stage{opacity:0;animation:pcu-workflow-panel 15s linear infinite;animation-delay:var(--workflow-delay)}
.pcu-info-motion .pcu-workflow-border,.pcu-info-motion .pcu-workflow-number{animation:none;fill:none;stroke:#a4f3ff;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;opacity:1;filter:drop-shadow(0 0 5px #23d8ff)}
.pcu-info-motion .pcu-workflow-stage[data-step="5"] .pcu-workflow-border,.pcu-info-motion .pcu-workflow-stage[data-step="5"] .pcu-workflow-number{stroke:#b6ffd4;filter:drop-shadow(0 0 5px #40efa2)}
.pcu-info-motion .pcu-workflow-connector{opacity:0;animation:pcu-workflow-arrow 15s linear infinite;animation-delay:var(--workflow-delay)}
.pcu-info-motion path.pcu-workflow-arrow{animation:none;stroke:#e8ffff;stroke-width:1.6;stroke-linejoin:round;stroke-dasharray:none;fill:#cbfcff;fill-opacity:.4;opacity:1;filter:drop-shadow(0 0 5px #65eaff)}
.pcu-info-motion path.pcu-workflow-handoff{stroke:#fff;stroke-width:7;stroke-linecap:round;stroke-dasharray:12 188;stroke-dashoffset:12;fill:none;opacity:0;animation:pcu-workflow-travel 15s linear infinite;animation-delay:var(--workflow-delay);filter:drop-shadow(0 0 3px #b9ffff)}
@keyframes pcu-workflow-panel{0%,18%,100%{opacity:0}2%,11%{opacity:1}16%{opacity:.25}}
@keyframes pcu-workflow-arrow{0%,8%,100%{opacity:0}2%,5%{opacity:1}}
@keyframes pcu-workflow-travel{0%{stroke-dashoffset:12;opacity:0}1%{opacity:1}7%{stroke-dashoffset:-100;opacity:1}8%,100%{stroke-dashoffset:-100;opacity:0}}
@media(prefers-reduced-motion:reduce){.pcu-info-motion .pcu-workflow-stage,.pcu-info-motion .pcu-workflow-connector{display:none}}

/* Each diagram follows its own semantic route. The existing visibility/pause
   controls also pause these CSS-only overlays and their enlarged clones. */
.pcu-info-motion[data-diagram-sequence] {--diagram-cycle:18s}
.pcu-info-motion .pcu-diagram-stage,.pcu-info-motion .pcu-diagram-connector {--diagram-colour:#a4f3ff;--diagram-halo:#23d8ff;opacity:0;animation:pcu-diagram-stage var(--diagram-cycle) linear infinite;animation-delay:var(--diagram-delay)}
.pcu-info-motion .pcu-diagram-connector {animation-name:pcu-diagram-connector}
.pcu-info-motion [data-tone="green"] {--diagram-colour:#b6ffd4;--diagram-halo:#40efa2}
.pcu-info-motion [data-tone="amber"] {--diagram-colour:#ffe6a6;--diagram-halo:#ffab2f}
.pcu-info-motion [data-tone="red"] {--diagram-colour:#ff9aa5;--diagram-halo:#ff1738}
.pcu-info-motion path.pcu-diagram-border,.pcu-info-motion path.pcu-diagram-route,.pcu-info-motion path.pcu-diagram-arrowhead {animation:none;fill:none;stroke:var(--diagram-colour);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;opacity:1;filter:drop-shadow(0 0 3px var(--diagram-halo))}
.pcu-info-motion path.pcu-diagram-route {stroke-width:2.4}
.pcu-info-motion path.pcu-diagram-travel {fill:none;stroke:#fff;stroke-width:3.6;stroke-linecap:round;stroke-dasharray:12 188;stroke-dashoffset:12;opacity:0;animation:pcu-diagram-travel var(--diagram-cycle) linear infinite;animation-delay:var(--diagram-delay);filter:drop-shadow(0 0 2px var(--diagram-halo))}
.pcu-info-motion[data-diagram-sequence] .pcu-diagram-result {animation:pcu-diagram-result var(--diagram-cycle) linear infinite;animation-delay:var(--diagram-delay)}
.pcu-info-motion[data-diagram-sequence] .pcu-diagram-log {animation:pcu-diagram-log var(--diagram-cycle) linear infinite;animation-delay:var(--diagram-delay)}
@keyframes pcu-diagram-stage {0%,13%,100%{opacity:0}1.5%,9%{opacity:1}}
@keyframes pcu-diagram-connector {0%,8%,100%{opacity:0}1%,6%{opacity:1}}
@keyframes pcu-diagram-travel {0%{stroke-dashoffset:12;opacity:0}1%{opacity:1}7%{stroke-dashoffset:-100;opacity:1}8%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes pcu-diagram-result {0%,13%,100%{opacity:.55}1.5%,9%{opacity:1}}
@keyframes pcu-diagram-log {0%,13%,100%{opacity:.14}1.5%,9%{opacity:.55}}
@media(prefers-reduced-motion:reduce){
 .pcu-info-motion .pcu-diagram-stage,.pcu-info-motion .pcu-diagram-connector{display:none}
 .pcu-info-motion[data-diagram-sequence] .pcu-diagram-result{animation:none!important;opacity:1!important}
 .pcu-info-motion[data-diagram-sequence] .pcu-diagram-log{animation:none!important;opacity:.16!important}
}