/* Center Mermaid diagrams */
.mermaid-center {
    text-align: center;
    overflow-x: auto;
    margin: 1.5em 0;
}

.mermaid-center .mermaid {
    display: inline-block;
    max-width: 100%;
}

/* Ensure diagrams don't overflow on mobile */
@media (max-width: 768px) {
    .mermaid-center .mermaid {
        transform-origin: top left;
        transform: scale(0.85);
    }
}