body{
    font-family: sans-serif;
    height: fit-content;
    margin: 10px;
    background-color: white;
}
h1{
    text-align: center;
}


.svg-wrapper object {
    width: auto;
    height: auto;
}

#classdropdown {
    margin-right: 20px;
}
#treedropdown {
    margin-right: 20px;
}
#optionsforclass {
    margin-right: 20px;
}

#tree-svg {
    margin-top: 71px;
}

.svg-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 30px;      /* space between columns */
    width: 100%;
}

/* Each panel */
.svg-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 100%;
    overflow: auto;     /* prevents clipping */
    position: static;   /* avoids overlap */
}

/* SVG or PNG inside each wrapper */
.svg-wrapper object,
.svg-wrapper img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Optional: limit height so big SVGs don't push layout too far */
#alignment,
#weblogo-wrapper {
    max-height: 80vh;
}