/* Diagramme des Artikels (inline SVG, nutzt die Theme-Tokens der Seite). */
.chart-figure { margin: 2rem 0 2.25rem; max-width: 46rem; }
.chart-figure figcaption { margin-top: 0.6rem; font-size: 0.8125rem; line-height: 1.5; color: var(--text-muted); }
.chart { display: block; width: 100%; height: auto; border: 1px solid var(--hairline); border-radius: var(--radius-media); background: var(--surface-solid);
  --ch-a: #0b64a8; --ch-b: #a8410a; --ch-c: #6d34b8; --ch-d: #0b6e55; --ch-e: #a31f5a; --ch-f: #946200; }
:root[data-theme="dark"] .chart { --ch-a: #5cb0f2; --ch-b: #f2a35c; --ch-c: #bc9cf2; --ch-d: #52d4ac; --ch-e: #f27eb2; --ch-f: #f2c94c; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .chart { --ch-a: #5cb0f2; --ch-b: #f2a35c; --ch-c: #bc9cf2; --ch-d: #52d4ac; --ch-e: #f27eb2; --ch-f: #f2c94c; }
}
.chart text { font-family: var(--font-sans); font-size: 14px; fill: var(--text); }
.chart .t { font-size: 20px; font-weight: 700; }
.chart .h { font-size: 15px; font-weight: 700; }
.chart .m { font-size: 13px; fill: var(--text-muted); }
.chart .v { font-weight: 700; }
.chart .a { fill: var(--ch-a); } .chart .b { fill: var(--ch-b); } .chart .c { fill: var(--ch-c); }
.chart .d { fill: var(--ch-d); } .chart .e { fill: var(--ch-e); } .chart .f { fill: var(--ch-f); }
.chart .ax { stroke: var(--line); stroke-width: 1; }
.article-body h2.vorweg-title { margin-top: 3rem; }