.ssLayerVisual{--diagram-height:clamp(230px,20vw,285px);width:100%;min-width:0;margin:0 0 26px}.ssArchitectureSvg{width:100%;height:var(--diagram-height);display:block;overflow:visible}.ssVisualEyebrow{fill:var(--color-ink-muted);letter-spacing:.6px;font:500 10px Arial,sans-serif}.ssVisualLabel{fill:var(--color-ink);font:500 14px Arial,sans-serif}.ssVisualSmall{fill:var(--color-ink-muted);font:400 11px Arial,sans-serif}.ssRsiNode{fill:var(--color-surface);stroke:var(--color-border-strong);stroke-width:1px}.ssRsiAgent{fill:var(--color-info-strong);stroke:var(--color-info-strong)}.ssRsiAgentText{fill:var(--color-canvas);font:500 15px Arial,sans-serif}.ssRsiEdges{fill:none;stroke:var(--color-info-strong);stroke-width:1.2px}.ssRsiRecursion{fill:none;stroke:var(--color-accent-strong);stroke-width:2.4px;stroke-dasharray:8 92;animation:7s linear infinite paused ss-rsi-cycle}.ssRsiRetain{fill:none;stroke:var(--color-info-strong);stroke-width:.9px;stroke-dasharray:3 4;opacity:.6}.ssRsiArchive{fill:none;stroke:var(--color-border-strong);stroke-width:1px}.ssGeneration{fill:var(--color-info-strong)}.ssMhdVisual{height:var(--diagram-height);grid-template-rows:20px minmax(0,1fr) 18px 26px;display:grid}.ssMhdTitle{letter-spacing:.5px;color:var(--color-ink-muted);justify-content:space-between;align-items:center;font:500 10px Arial,sans-serif;display:flex}.ssMhdTitle>span:last-child{letter-spacing:0;font-size:12px}.ssMhdCanvas{min-width:0;min-height:0;position:relative}.ssMhdCanvas>:is(canvas,svg){object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.ssMhdCanvas svg{opacity:.2}.ssFieldLegend{color:var(--color-ink-muted);justify-content:flex-end;align-items:center;gap:5px;font:11px Arial,sans-serif;display:flex}.ssFieldLegend i{background:linear-gradient(90deg,var(--color-info-strong),var(--color-surface),var(--color-accent-strong));width:48px;height:4px;display:block}.ssFieldLegend>span:last-child{margin-left:5px}.ssMhdSteps{color:var(--color-ink-muted);justify-content:space-between;align-items:flex-end;gap:5px;font:11px/1.4 Arial,sans-serif;display:flex}.ssMhdSteps b{color:var(--color-info-strong);font-size:16px;font-weight:400}.ssTrackingAxis{fill:none;stroke:var(--color-border-strong);stroke-width:.9px}.ssTrackingTarget{fill:none;stroke:var(--color-info-strong);stroke-width:1.4px;stroke-dasharray:4 3}.ssTrackingResponse{fill:none;stroke:var(--color-accent-strong);stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round}.ssControlTrace{animation:7s linear infinite paused ss-control-trace}.ssLayerVisual[data-running=true] :is(.ssRsiRecursion,.ssControlTrace){animation-play-state:running}.ssLayerVisual figcaption{border-top:1px solid var(--color-border);color:var(--color-ink-muted);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:14px;font-size:11px;line-height:1.6;display:flex}.ssLayerVisual figcaption>span{max-width:85%}.ssLayerVisual button{color:var(--color-ink-muted);border:1px solid var(--color-border-strong);cursor:pointer;background:0 0;border-radius:20px;flex-shrink:0;min-height:30px;padding:5px 10px;font-size:11px}.ssLayerVisual button:hover:not(:disabled){background:var(--color-surface);color:var(--color-ink)}.ssLayerVisual button:disabled{cursor:default;opacity:.65}@keyframes ss-rsi-cycle{to{stroke-dashoffset:-100px}}@keyframes ss-control-trace{0%{clip-path:inset(0 60% 0 0)}65%,to{clip-path:inset(0)}}@media (width>=801px) and (width<=1100px){.ssArchitecture .ssArchitectureFlow{grid-template-columns:1fr;gap:22px}.ssArchitectureFlow article{grid-template-columns:minmax(280px,1fr) 1fr;gap:0 36px;display:grid}.ssArchitectureFlow .ssLayerVisual{--diagram-height:260px;grid-area:1/1/6;margin:0}.ssArchitectureFlow article>:not(.ssLayerVisual){grid-column:2}.ssArchitectureFlow .ssLayerNumber{margin:20px 0 10px;font-size:24px}.ssArchitectureFlow h3{font-size:32px}.ssArchitectureFlow small{margin-top:10px}.ssLayerLink{flex-direction:row;justify-content:center}.ssLayerLink b{transform:rotate(90deg)}}@media (width<=800px){.ssArchitecture h2 em{display:block}.ssLayerVisual{--diagram-height:280px;margin-bottom:14px}.ssLayerLink{align-self:start}}@media (width<=400px){.ssLayerVisual{--diagram-height:235px}.ssMhdSteps{font-size:10px}}@media (prefers-reduced-motion:reduce){.ssRsiRecursion,.ssControlTrace{animation:none}}