.ct-destiny-matrix .ct-destiny-matrix__figure { max-inline-size: 620px; margin: 0 auto 24px; text-align: center; }
.ct-destiny-matrix .ct-destiny-matrix__chart { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 1; overflow: visible; }
.ct-destiny-matrix .ct-destiny-matrix__frame,
.ct-destiny-matrix .ct-destiny-matrix__axes { fill: none; stroke: var(--theme-border-color); stroke-width: 2; }
.ct-destiny-matrix .ct-destiny-matrix__axes { stroke-dasharray: 5 5; opacity: 0.6; }
.ct-destiny-matrix .ct-destiny-matrix__channel { fill: none; stroke: var(--theme-palette-color-1); stroke-width: 2; }
.ct-destiny-matrix .ct-destiny-matrix__node circle { fill: var(--theme-palette-color-4); stroke: var(--theme-palette-color-6); stroke-width: 1.5; }
.ct-destiny-matrix .ct-destiny-matrix__node text { fill: var(--theme-text-color); text-anchor: middle; dominant-baseline: central; font-size: 15px; font-weight: 700; }
.ct-destiny-matrix .ct-destiny-matrix__node--center circle { fill: var(--theme-palette-color-2); stroke: var(--theme-palette-color-2); }
.ct-destiny-matrix .ct-destiny-matrix__node--center text { fill: var(--theme-palette-color-9); font-size: 20px; }
.ct-destiny-matrix .ct-destiny-matrix__label { fill: var(--theme-headings-color); text-anchor: middle; font-size: 13px; }
.ct-destiny-matrix .ct-destiny-matrix__figure figcaption { margin-block-start: 6px; font-size: 0.85em; }