/* Diagrams: Pele draws ```mermaid blocks in Furo's own colours. kitty has no charts, so series are greys mixed from Furo's
   text and background colours (light and dark follow on their own); no accent hue. Pele cycles eight series, so all eight are set. Placement as kitty's figures. */
.pele-diagram { margin: 1.5rem 0; overflow-x: auto; display: flex; justify-content: center;
  --g: var(--color-foreground-primary); --b: var(--color-background-primary);
  --pele-bg: var(--b); --pele-fg: var(--g);
  --pele-muted: var(--color-foreground-muted); --pele-line: var(--color-foreground-secondary);
  --pele-surface: var(--color-background-secondary); --pele-surface-alt: var(--color-background-hover);
  --pele-border: var(--color-background-border); --pele-accent: var(--color-foreground-secondary);
  --pele-font: var(--font-stack); --pele-font-mono: var(--font-stack--monospace); --pele-radius: 6px;
  --pele-series-1: color-mix(in srgb, var(--g) 42%, var(--b)); --pele-series-2: color-mix(in srgb, var(--g) 31%, var(--b));
  --pele-series-3: color-mix(in srgb, var(--g) 22%, var(--b)); --pele-series-4: color-mix(in srgb, var(--g) 14%, var(--b));
  --pele-series-5: color-mix(in srgb, var(--g) 7%, var(--b)); --pele-series-6: color-mix(in srgb, var(--g) 50%, var(--b));
  --pele-series-7: color-mix(in srgb, var(--g) 26%, var(--b)); --pele-series-8: color-mix(in srgb, var(--g) 3%, var(--b)); }
.pele-diagram svg { max-width: 100%; height: auto; }
.pele-diagram .pele-slice-labels text { fill: var(--g) !important; }
.diagram { margin: 1.5rem 0; text-align: center; }
.diagram > p:last-child { font-size: var(--font-size--small); color: var(--color-foreground-secondary); margin-top: .5rem; }