/* CIZ Interne Projectarchitectuur — diagrampublicatie */

.md-typeset .architecture-diagram {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 1.5rem auto;
}

.md-typeset .structurizr-actions {
    margin: -0.75rem 0 1.5rem;
}

.md-typeset .structurizr-interactive {
    margin: 0;
    border: 1px solid var(--md-default-fg-color--lightest);
    border-radius: 0.25rem;
    background: var(--md-code-bg-color);
}

.md-typeset .structurizr-interactive summary {
    padding: 0.65rem 0.9rem;
    color: var(--md-primary-fg-color);
    font-weight: 600;
    cursor: pointer;
}

.md-typeset .structurizr-interactive[open] summary {
    border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

.md-typeset .structurizr-diagram {
    display: block;
    width: 100%;
    min-height: 360px;
    border: 0;
    background: var(--md-default-bg-color);
}

.md-typeset .structurizr-new-window {
    display: inline-block;
    margin: 0.35rem 0 0 0.15rem;
    color: var(--md-default-fg-color--light);
    font-size: 0.72rem;
    text-decoration: none;
}

.md-typeset .structurizr-new-window:hover,
.md-typeset .structurizr-new-window:focus-visible {
    color: var(--md-accent-fg-color);
    text-decoration: underline;
}