body{font-family:Arial,sans-serif; margin:0; padding:0; background-color:#f5f5f5;}
.container{max-width:1200px; margin:0 auto; padding:85px 20px 20px;}
h1{text-align:center; margin-bottom:30px; color:#333; font-size:20px;}
.tree-container{overflow:auto; background-color:white; box-shadow:0 4px 12px rgba(0,0,0,0.1); padding:20px; border-radius:8px; margin-bottom:20px;}
.legend{display:flex; justify-content:center; margin-top:20px; flex-wrap:wrap; gap:20px;}
.legend-item{display:flex; align-items:center; margin-right:20px; font-size:12px;}
.legend-color{width:20px; height:20px; margin-right:8px; border-radius:4px; border:1px solid #333;}
svg{width:100%; height:auto;}
svg text{font-size:11px; fill:black;}
svg text.small{font-size:11px;}