.reason-art .line-scene{width:100%;height:100%;max-width:290px;color:#0f766e}
.line-scene text{font:11px Inter,sans-serif;fill:currentColor;stroke:none}
.line-scene .caption{font-size:9px;letter-spacing:.04em}
.line-scene .paper{fill:#fff;stroke:currentColor;stroke-width:1.5}
.line-scene .wire{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.line-scene .soft{stroke:#b9d8d4}
.line-scene .accent{stroke:#e88caa}
.line-scene .packet{fill:#0f766e;stroke:none}
.line-scene .return-record{fill:#fff1f2;stroke:#e88caa;stroke-width:1.5}
.connection-diagram .network-scene{width:100%;height:auto;max-height:480px;display:block;color:#99f6e4}
.network-scene text{font-size:12px}
.network-scene .small{font-size:10px}
.network-scene .paper{fill:#142b3d}
.network-scene .hub{fill:#0f766e;stroke:#5eead4}
.network-scene .packet{fill:#99f6e4}
.network-scene .return-record{fill:#243349}
.network-scene .soft{stroke:#426775}
.diagram-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:#cbd5e1;font-size:11px}
.replay-diagram{font:inherit;color:#99f6e4;border:1px solid #5eead466;background:transparent;padding:8px 12px;border-radius:20px;cursor:pointer;white-space:nowrap}
.replay-diagram:focus-visible,.reason-art:focus-visible{outline:2px solid #f9a8d4;outline-offset:4px}
.reason-art{cursor:pointer}.reason-card,.reason-card:hover{transform:none!important;transition:none!important}
.scene-record{opacity:0}.scene-progress{stroke:#5eead4;stroke-width:3;stroke-linecap:round}
.route-dot,.brief-dot{opacity:0}
@media(prefers-reduced-motion:reduce){.replay-diagram{display:none}.reason-art{cursor:default}}

/* A consistent illustration system with soft surfaces and restrained line detail. */
.reason-art{height:190px;background-image:none!important;border-bottom:1px solid #e8edf3}
.reason-art .line-scene{max-width:310px;padding:9px 8px 4px;box-sizing:border-box}
.reason-art .scene-halo{fill:#fff;opacity:.55}
.reason-art .paper{stroke:#2b8883;stroke-width:1.25}
.reason-art .pack-piece .paper{fill:#fff;filter:drop-shadow(0 2px 2px #0f766e12)}
.reason-art .pack-piece .wire{stroke:#59a39e;stroke-width:1.2}
.line-scene .bay-floor{fill:#edeaf7;stroke:#dcd6ed;stroke-width:1}
.line-scene .bay-roof{stroke:#b2a3d1;stroke-width:1.2}
.line-scene .scene-pill{fill:#fff;stroke:#ded8ed;stroke-width:1}
.line-scene .micro{font-size:7.8px;fill:#52716f;font-weight:500}
.line-scene .scene-caption{font-size:9px;fill:#47666c;font-weight:500}
.line-scene .back-sheet{fill:#dfeafa;stroke:#cadbf0;stroke-width:1}
.line-scene .document-sheet{stroke:#c4d9de;filter:drop-shadow(0 4px 4px #224c6810)}
.line-scene .document-header{fill:#eaf4f5}
.line-scene .doc-title{font-size:10px;font-weight:600;fill:#185b61}
.line-scene .doc-dot{fill:#69b8ae}
.line-scene .check-disc{fill:#e4f3ee}
.line-scene .standard-check{stroke:#258b76;stroke-width:1.25}
.line-scene .brand-node{fill:#0f766e;stroke:#0b6a64;stroke-width:1;filter:drop-shadow(0 4px 4px #0f766e20)}
.line-scene .brand-title{fill:white;font-size:12px;font-weight:600}
.line-scene .brand-sub{fill:#c6f3e8;font-size:7.5px}
.line-scene .node-shadow{stroke:#bddbd5;filter:drop-shadow(0 2px 2px #0f766e0a)}
.line-scene .site-icon{stroke:#4a968e;stroke-width:1.1}
.line-scene .site-letter{font-size:6px;fill:#789b96}
.line-scene .person-head{fill:#fffaf5;stroke:#58968e;stroke-width:1.3}
.line-scene .person-shirt{stroke-width:1.3;stroke-linejoin:round}
.line-scene .pink-shirt{fill:#f8dce6;stroke:#c98fa3}
.line-scene .teal-shirt{fill:#d7eee7;stroke:#58968e}
.line-scene .blue-shirt{fill:#e0e8f7;stroke:#8ea6cd}
.line-scene .workbench{fill:#cfdfdf;stroke:#a9c7c7;stroke-width:1}
.line-scene .heart-disc{fill:#fff4f7;stroke:#f0cfdb;stroke-width:1}
@media(max-width:760px){.reason-art{height:170px}.reason-art .line-scene{padding:5px 2px}}