.system-illustration{--ill-bg:#0d171b;--ill-stroke:#78979e;--ill-muted:#41575a;--ill-text:#c1d4d4;--ill-accent:#ccff73;--ill-fill:#172c31;--ill-panel:#264956;--ill-outline:#376371;--ill-map:#122026;margin:0;position:relative;isolation:isolate;overflow:hidden;border:1px solid #b3d3d31f;aspect-ratio:3/2}
.system-illustration--light{--ill-bg:#e7ece4;--ill-stroke:#688a80;--ill-muted:#9cafa2;--ill-text:#2a443a;--ill-accent:#477b37;--ill-fill:#d5e1d4;--ill-panel:#afc7bd;--ill-outline:#658f83;--ill-map:#e0e8dd;border-color:#20382a1c}
.system-illustration svg{display:block;width:100%;height:100%;font-family:var(--mono,monospace);overflow:hidden}
.ill-background{fill:var(--ill-bg)}
.ill-topography{fill:none;stroke:var(--ill-muted);stroke-width:.8;opacity:.26}
.ill-ground,.ill-map{fill:var(--ill-map);stroke:var(--ill-muted);stroke-width:1}
.ill-solar{fill:var(--ill-panel);stroke:var(--ill-outline);stroke-width:1}
.ill-roof{fill:var(--ill-fill);stroke:var(--ill-stroke);stroke-width:1}
.ill-side{fill:var(--ill-bg);stroke:var(--ill-stroke);stroke-width:1}
.ill-unit{fill:var(--ill-fill);stroke:var(--ill-accent);stroke-width:1}
.ill-struct{fill:none;stroke:var(--ill-stroke);stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}
.ill-contour{fill:none;stroke:var(--ill-stroke);stroke-width:1;opacity:.7}
.ill-road{fill:none;stroke:var(--ill-accent);stroke-width:2;opacity:.65}
.ill-wheel{fill:var(--ill-bg);stroke:var(--ill-stroke);stroke-width:1.5}
.ill-wire{fill:none;stroke:var(--ill-stroke);stroke-width:1.7;opacity:.6}
.ill-flow{fill:none;stroke:var(--ill-accent);stroke-width:2;stroke-dasharray:4 15;animation:illustration-flow 8s linear infinite}
.ill-secondary-link{fill:none;stroke:var(--ill-muted);stroke-width:1.3;stroke-dasharray:4 5}
.ill-ring{fill:none;stroke:var(--ill-accent);stroke-width:1;opacity:.55}
.ill-node{fill:var(--ill-accent);stroke:var(--ill-bg);stroke-width:2}
.ill-accent-stroke{fill:none;stroke:var(--ill-accent);stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.ill-rule,.ill-axis{fill:none;stroke:var(--ill-muted);stroke-width:1}
.ill-label{fill:var(--ill-text);font-size:13px;letter-spacing:.4px}
.ill-highlight{fill:var(--ill-accent);font-size:12px;letter-spacing:.7px}
.ill-overline{fill:var(--ill-text);font-size:10px;letter-spacing:1.2px;opacity:.83}
.ill-feedback{fill:var(--ill-accent);font-size:32px}
.ill-corner{fill:none;stroke:var(--ill-stroke);stroke-width:1;opacity:.35}
.ill-layer-bottom{fill:#182b30;stroke:#456269;stroke-width:1}
.ill-layer-mid{fill:#18343ddd;stroke:#6a9eac;stroke-width:1}
.ill-layer-top{fill:#253c30ee;stroke:#9abd72;stroke-width:1}
.ill-world{fill:#263e45;stroke:#a1c9cf;stroke-width:1.1}
.ill-orbit{fill:none;stroke:#8bb2b9;stroke-width:1;opacity:.4}
.ill-decision{fill:#324c33;stroke:var(--ill-accent);stroke-width:1.2}
.ill-selected-site{fill:#c6dbbf;stroke:var(--ill-accent);stroke-width:1}
.ill-candidate{fill:var(--ill-bg);stroke:var(--ill-stroke);stroke-width:1.5;stroke-dasharray:2 2}
.ill-chart-area{fill:#b8cfb2;opacity:.5}
.ill-generation-line{fill:none;stroke:var(--ill-accent);stroke-width:2.5}
.ill-demand-line{fill:none;stroke:#527e8a;stroke-width:2}
.ill-cursor{fill:none;stroke:var(--ill-accent);stroke-width:1;stroke-dasharray:3 4;opacity:.55}
.ill-device{fill:#edf1e9;stroke:var(--ill-muted);stroke-width:1}
.ill-exchange{fill:#d9e6d3;stroke:var(--ill-accent);stroke-width:1.5}
.offering-visual .system-illustration{transition:border-color .3s,background-color .3s}
.offering-row:hover .system-illustration{border-color:#b8e87955}
.agent-visual .system-illustration{width:100%}
@keyframes illustration-flow{to{stroke-dashoffset:-152}}
@media(prefers-reduced-motion:reduce){.ill-flow{animation:none}.offering-visual .system-illustration{transition:none}}