/* ==========================================================================

          ___         ___                              ___         ___
         /\  \       /\  \                            /  /\       /  /\
         \:\  \     /::\  \                          /  /::\     /  /:/
     ___ /::\__\   /:/\:\  \                        /  /:/\:\   /__/::\ ___
    /\  /:/\/__/  /:/  \:\  \                      /  /:/  \:\  \__\/\:\  /\
    \:\/:/  /    /:/__/_\:\__\                    /__/:/_\__\:\    \  \:\/:/
     \::/  /     \:\  /\ \/__/                    \__\/ /\  /:/     \  \::/
      \/__/       \:\ \:\__\                        /__/:/ /:/       \__\/
                   \:\/:/  /                        \  \:\/:/
                    \::/  /                          \  \::/
                     \/__/                            \__\/

                               jeromegautier.info

   ========================================================================== */
.dcdviz .stage{ border:1px solid var(--ink-200); border-radius:8px; overflow:hidden; background:#fff; }
.dcdviz svg{ display:block; width:100%; height:auto; touch-action:none; }

.dcdviz .edge{ fill:none; transition:opacity .18s ease; }
.dcdviz .edge.renvoi{ stroke:var(--accent-ink); stroke-width:1.6; }
.dcdviz .edge.aff{ stroke:var(--accent); stroke-linecap:round; }
.dcdviz .edge.bip{ stroke:var(--ink-300); stroke-width:1; }

.dcdviz .node .box{ fill:#fff; stroke:var(--accent-ink); stroke-width:1.6; transition:opacity .18s ease; cursor:pointer; }
.dcdviz .node .nlbl{ text-transform:none; letter-spacing:normal; font-size:13px; font-weight:700; fill:var(--ink-900); text-anchor:middle; dominant-baseline:middle; pointer-events:none; user-select:none; }
.dcdviz .node.iso .box{ stroke:var(--ink-300); }
.dcdviz .node.iso .nlbl{ fill:var(--ink-500); font-weight:400; }
.dcdviz .tnode .box{ fill:var(--ink-100); stroke:var(--ink-300); stroke-width:1; cursor:default; }
.dcdviz .tnode .nlbl{ font-family:ui-monospace,Menlo,Consolas,monospace; font-size:11px; font-weight:400; fill:var(--ink-700); }
.dcdviz .dim{ opacity:.1; }
.dcdviz .node.dim .nlbl{ opacity:.45; }
.dcdviz .node.hot .box{ fill:var(--accent); stroke:var(--accent-ink); stroke-width:2; }
.dcdviz .node.hot .nlbl{ fill:#fff; }

.dcdviz .axis line{ stroke:var(--ink-200); }
.dcdviz .axis text{ font-size:11px; fill:var(--ink-500); font-weight:700; letter-spacing:.04em; }

 
.dcdviz .bar{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px; padding:4px 0 12px; }
.dcdviz .lens{ display:inline-flex; border:1px solid var(--ink-900); border-radius:4px; overflow:hidden; flex-wrap:wrap; }
.dcdviz .lens button{ font:inherit; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; padding:9px 14px; border:0; background:#fff; color:var(--ink-900); cursor:pointer; }
.dcdviz .lens button+button{ border-left:1px solid var(--ink-900); }
.dcdviz .lens button[aria-pressed="true"]{ background:var(--ink-900); color:#fff; }
.dcdviz .legend{ display:flex; flex-wrap:wrap; gap:12px 20px; font-size:13px; color:var(--ink-700); }
.dcdviz .legend .it{ display:flex; align-items:center; gap:9px; }
.dcdviz .legend .chip{ width:24px; height:16px; border-radius:4px; border:2px solid var(--accent-ink); background:#fff; }
.dcdviz .legend .chip.iso{ border-color:var(--ink-300); }
.dcdviz .legend .chip.tool{ border:1px solid var(--ink-300); background:var(--ink-100); }
.dcdviz .legend .arrow{ font-size:18px; color:var(--accent-ink); line-height:1; }
.dcdviz .legend .bar2{ width:24px; height:0; border-top:3px solid var(--accent); }

.dcdviz .lead{ font-size:15px; color:var(--ink-700); max-width:52em; margin:0 0 4px; }
.dcdviz .lead b{ color:var(--accent-ink); }
.dcdviz .stat{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.13em; color:var(--ink-500); padding:2px 0 8px; }
.dcdviz .stat b{ color:var(--accent-ink); }
.dcdviz .info{ min-height:1.5em; font-size:13px; color:var(--ink-500); padding:11px 2px 0; }
.dcdviz .info b{ color:var(--ink-900); }