/* -- Graph Panel Structural Overrides -- */
.graph-panel {
    margin: 2rem 0;
    overflow: hidden; /* Contains the SVG bleed */
}

/* Alignment utilities mapped to Sphinx align options */
.graph-panel.center { 
    margin-left: auto; 
    margin-right: auto; 
}
.graph-panel.left { 
    margin-right: auto; 
    margin-left: 0; 
}
.graph-panel.right { 
    margin-left: auto; 
    margin-right: 0; 
}

/* -- SVG Container Styling -- */
.graph-container {
    width: 100%;
    height: auto;
    position: relative;
    /* Allows user horizontal scroll on narrow mobile screens rather than squishing the SVG */
    overflow-x: auto; 
}

.graph-container svg {
    width: 100% !important;
    height: auto !important;
    display: block;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.4));
}