#family-tree-graph {
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 20px;
    background: #f9f9f9;
    max-height: 600px; /* Ensure it doesn't overflow */
    overflow: hidden; /* Prevent outer scrolling */
    position: relative;
}

/* Scrollable graph area */
#graph-container {
    width: 100%;
    height: 600px; /* Adjustable */
    overflow: auto; /* Enables scrolling inside */
    position: relative;
    background: white;
    border: 1px solid #aaa;
}


/* Ensures the graph SVG expands fully */
#family-graph {
    width: auto; /* Allow enough width for large trees */
    height: auto; /* Increase height dynamically */
}