.viz-panel{display:none;border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;margin:14px 0}.viz-panel.open{display:block}.viz-explain,.viz-method{border:1px solid var(--line);border-radius:12px;padding:12px;background:#f8fafb;margin-bottom:12px}.viz-explain p,.viz-method p{margin:.35rem 0 0;color:var(--muted)}.viz-empty{border:1px dashed #b8c2cc;border-radius:12px;padding:16px;background:#fafbfc}.viz-empty p{margin:.4rem 0 0;color:var(--muted)}.vester-plot-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.vester-plot{display:block;width:100%;min-width:620px;height:auto}.plot-bg{fill:#fff}.axis{stroke:#50606f;stroke-width:2}.mean-line{stroke:#8b96a3;stroke-width:2;stroke-dasharray:10 8}.tick{font-size:22px;fill:#566270}.axis-title{font-size:24px;font-weight:700;fill:#1f2933}.quad-label{font-size:22px;font-weight:700;fill:#687481}.viz-point circle{stroke:#fff;stroke-width:5}.viz-point text{font-size:18px;font-weight:800;fill:#fff}.viz-point.critical circle{fill:#8f3f3f}.viz-point.active circle{fill:#815f18}.viz-point.passive circle{fill:#315f8c}.viz-point.indifferent circle{fill:#66717d}.viz-legend{display:grid;gap:8px;margin:12px 0}.viz-legend>div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start;border-bottom:1px solid var(--line);padding:8px 0}.legend-id{font-weight:800}.legend-text{min-width:0}.legend-values{font-size:.8rem;color:var(--muted);text-align:right}.tree-diagram{display:grid;gap:7px;align-items:center}.tree-diagram-level{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.tree-level-label{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:8px}.tree-diagram-nodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.tree-diagram-node{border:1px solid #b8c2cc;border-radius:10px;padding:10px;background:#fff}.tree-diagram-node p{font-size:.82rem;color:var(--muted);margin:.4rem 0}.tree-diagram-node small{display:block;margin-top:6px;color:var(--muted)}.tree-diagram-node .missing-link{color:#8a6500}.tree-diagram-level.central{border-width:2px;border-color:#18212b}.tree-diagram-level.central .tree-diagram-node{border-width:2px;border-color:#18212b;background:#f8fafb}.tree-diagram-level.direct_cause,.tree-diagram-level.indirect_cause{background:#f7faf8}.tree-diagram-level.direct_effect,.tree-diagram-level.indirect_effect{background:#f7f9fc}.tree-flow-arrow{text-align:center;font-size:1.6rem;line-height:1;color:#66717d}.tree-diagram-empty{color:var(--muted);font-size:.9rem;padding:4px}.vester-actions #showVesterGraph,.tree-actions #showTreeDiagram{border-style:solid}
@media(max-width:720px){.viz-panel{padding:10px;margin:10px 0}.vester-plot{min-width:560px}.viz-legend>div{grid-template-columns:auto 1fr}.legend-values{grid-column:2;text-align:left}.tree-diagram-nodes{grid-template-columns:1fr}.tree-diagram-node{padding:11px}.tree-level-label{font-size:.74rem}}


/* Unified visual language 2026-10-06 */
.viz-panel{border-color:#dbe6df;border-radius:16px;box-shadow:0 4px 14px rgba(16,33,58,.035)}
.viz-explain,.viz-method{border-color:#dce7e1;border-radius:14px;background:#f7fbf8}
.vester-plot-wrap{border-color:#dbe6df;border-radius:14px}
.axis-title{fill:#183f30}.mean-line{stroke:#89a89a}.axis{stroke:#4e6e60}
.tree-diagram-level{border-color:#dbe6df;border-radius:15px;box-shadow:0 3px 10px rgba(16,33,58,.03)}
.tree-diagram-node{border-color:#cbd9d1;border-radius:12px}
.tree-diagram-level.central{border-color:#1f744f;background:#edf8f2}
.tree-diagram-level.central .tree-diagram-node{border-color:#2d805b;background:#fff}
.tree-diagram-level.direct_cause,.tree-diagram-level.indirect_cause{background:#f6fbf8}
.tree-diagram-level.direct_effect,.tree-diagram-level.indirect_effect{background:#f8fbfa}
.tree-flow-arrow{color:#54876f}