/* Processing samples displayed directly on the execution architecture. */
#system .execution-diagram .plate-edge{transition:stroke .5s,filter .5s,stroke-opacity .5s}
#system .engine-module-readout rect{fill:#0a111eeF;stroke:#65779675;stroke-width:.8;transition:fill .4s,stroke .4s}
#system .engine-module-readout text{fill:#b9c2d9;font-family:Arial,Helvetica,sans-serif;transition:fill .4s}
#system .engine-module-readout .engine-readout-value{fill:#d0d8e9;font-variant-numeric:tabular-nums}
#system .engine-module-readout.is-active rect{fill:#172438;stroke:#a1b8dc;stroke-width:1}
#system .engine-module-readout.is-active text{fill:#e7f3ff}
#system .engine-module-readout.is-active .engine-readout-value{fill:#eef5ff}
#system text.engine-module-target.is-active,#system .engine-module-target.is-active text{fill:#fff;filter:drop-shadow(0 0 2px #b5bbf133)}
#system[data-sample-layer="intelligence"] .execution-diagram .stack-layer[data-layer="intelligence"] .plate-edge{stroke:#d3b4f5;stroke-opacity:1;filter:drop-shadow(0 0 2px #ae85da55)}
#system[data-sample-layer="execution"] .execution-diagram .stack-layer[data-layer="execution"] .plate-edge{stroke:#a6c7ef;stroke-opacity:1;filter:drop-shadow(0 0 2px #86aee055)}
#system[data-sample-layer="settlement"] .execution-diagram .stack-layer[data-layer="settlement"] .plate-edge{stroke:#a0d7df;stroke-opacity:1;filter:drop-shadow(0 0 2px #74b8c355)}

.engine-diagram-current{position:relative;margin:0 36px 24px;padding:12px 0 18px;border-bottom:1px solid #8295c42e;z-index:1}
.engine-diagram-current>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.engine-diagram-current span{font:9px/1.5 Arial,sans-serif;letter-spacing:1.3px;color:#95adc9}
.engine-diagram-current strong{font:14px/1.7 Arial,sans-serif;font-weight:500;color:#e4d7f7}
.engine-diagram-current p{font:12px/1.9 Arial,sans-serif;font-variant-numeric:tabular-nums;color:#b9cde7;margin:9px 0 0}
.has-engine-samples .engine-data-wire{display:none}
@media(max-width:540px){
  .engine-diagram-current{margin-inline:15px;padding-top:0}
  .engine-diagram-current strong{font-size:13px}
  .engine-diagram-current p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  #system .execution-diagram .plate-edge, #system .engine-module-readout :is(rect,text){transition:none}
}
#system .engine-module-readout.is-active rect{animation:engine-processing-readout 1.8s ease-in-out infinite}
#system:not(.motion-running) .engine-module-readout.is-active rect{animation-play-state:paused}
@keyframes engine-processing-readout{0%,100%{stroke-opacity:.6}50%{stroke-opacity:1;fill:#1c2e46}}
@media(prefers-reduced-motion:reduce){#system .engine-module-readout.is-active rect{animation:none}}