.md-typeset figure.knx-diagram { margin: 1.5em auto; width: 100%; max-width: 760px; display: block; text-align: center; }
.knx-diagram svg { width: 100%; max-width: 760px; height: auto; }
.knx-diagram figcaption { font-size: .8rem; color: var(--md-default-fg-color--light); }
.knx-diagram .d-ink { fill: var(--md-default-fg-color); }
.knx-diagram .d-quiet { fill: var(--md-default-fg-color--light); }
.knx-diagram .d-edge { stroke: var(--md-default-fg-color--lighter); stroke-width: 1.25; }
.knx-diagram .d-fill-edge { fill: var(--md-default-fg-color--lighter); }
.knx-diagram .d-accent { fill: var(--md-primary-fg-color); fill-opacity: .12; stroke: var(--md-primary-fg-color); stroke-width: 2; }
.knx-diagram .d-tint { fill: var(--md-default-fg-color--lightest); }
.md-typeset table:not([class]) { font-size: .72rem; }

/* Filmy: plik wideo z repo albo osadzony odtwarzacz (YouTube, Vimeo) */
.md-typeset .video { position: relative; width: 100%; max-width: 860px; margin: 1.2em auto; aspect-ratio: 16 / 9; background: #000; border-radius: .2rem; overflow: hidden; }
.md-typeset .video video, .md-typeset .video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.md-typeset figure.film { width: 100%; max-width: 860px; margin: 1.2em auto; display: block; }
.md-typeset figure.film figcaption { font-size: .75rem; color: var(--md-default-fg-color--light); }