.d3js-pie-chart { width:100%; color:#273549; font-family:Arial,sans-serif; }
.d3js-pie-chart svg { display:block; width:100%; }
.d3js-pie-chart .pie-slice { stroke:white; stroke-width:1; }
.d3js-pie-chart .pie-slice:focus { outline:none; }
.d3js-pie-chart .pie-label { font-size:13px; cursor:pointer; }
.d3js-pie-chart .pie-label.inside { font-weight:bold; }
.d3js-pie-chart .pie-leader { fill:none; stroke:#697586; stroke-width:1; pointer-events:none; }
.d3js-pie-chart .pie-center { text-anchor:middle; fill:#273549; pointer-events:none; }
.d3js-pie-chart .pie-legend { display:flex; justify-content:center; flex-wrap:wrap; gap:5px 18px; font-size:13px; padding:8px 0; }
.d3js-pie-chart .pie-legend-item { display:inline-flex; align-items:center; gap:6px; }
.d3js-pie-chart .pie-swatch { width:9px; height:9px; border-radius:50%; flex-shrink:0; }
.d3js-pie-chart .pie-tooltip { position:fixed; z-index:10000; pointer-events:none; background:lightyellow; border:1px solid #ccc; border-radius:5px; padding:8px 10px; box-shadow:0 3px 9px #0002; font-size:13px; white-space:pre-line; max-width:260px; }

/* Evidenziazione e selezione senza bordo nero. */
.d3js-pie-chart .pie-slice, .d3js-pie-chart .pie-legend-item { cursor:pointer; }
.d3js-pie-chart .pie-muted { opacity:0.3; }
.d3js-pie-chart .pie-legend-item.pie-selected .pie-legend-text { font-weight:bold; }
.d3js-pie-chart .pie-legend-item:focus-visible { outline:1px dotted #697586; outline-offset:3px; }

/* Simbolo incluso nel testo: segue opacita e trasformazioni della label. */
.d3js-pie-chart .pie-label-marker { stroke:#000; stroke-width:0.6px; paint-order:stroke fill; }