/**
 * SVG-specific fixes for ReadTheDocs
 * This file addresses common SVG rendering issues on ReadTheDocs
 */

/* Fix SVG scaling and responsiveness */
svg {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
    overflow: visible;
}

.mermaid svg {
    max-width: 100% !important;
    height: auto !important;
}

/* Fix system architecture diagram */
svg[width="800"][height="600"] {
    width: 100% !important;
    height: auto !important;
    max-width: 800px !important;
}

/* Fix memory tiers diagram */
svg[width="700"][height="500"] {
    width: 100% !important;
    height: auto !important;
    max-width: 700px !important;
}

/* Fix data fusion workflow diagram */
svg[width="800"][height="500"] {
    width: 100% !important;
    height: auto !important;
    max-width: 800px !important;
}

/* Fix hero image SVG */
svg[width="1200"][height="400"] {
    width: 100% !important;
    height: auto !important;
    max-width: 1200px !important;
    max-height: 400px !important;
}

/* Fix logo SVG */
svg[width="240"][height="80"] {
    max-width: 240px !important;
    max-height: 80px !important;
    width: auto !important;
    height: auto !important;
}

/* Fix text rendering in SVGs */
svg text {
    font-family: Arial, sans-serif !important;
}

/* Ensure SVG containers don't overflow */
.figure img[src$=".svg"],
div > img[src$=".svg"] {
    max-width: 100% !important;
    height: auto !important;
}

/* Fix for SVG in admonitions */
.admonition img[src$=".svg"] {
    max-width: 100% !important;
    height: auto !important;
}