.dual-chart-wrapper{align-items:flex-start;display:flex;flex-direction:row;gap:40px;justify-content:center;margin:30px auto;max-width:1200px;width:100%}.custom-chart-container{flex:1;min-width:300px}.chart-title{color:#333;font-size:18px;font-weight:700;margin-bottom:20px;text-align:center}.chart-flex-wrapper{align-items:center;display:flex;flex-direction:column;gap:15px}.canvas-area{height:220px;width:220px}.legend-area{max-width:280px;width:100%}.legend-box{background-color:#fcfcfc;border:1px solid #dcdcdc;border-radius:8px;list-style:none;margin:0;padding:15px}.legend-item{align-items:center;display:flex;font-size:13px;margin-bottom:8px}.legend-item:last-child{margin-bottom:0}.color-swatch{border-radius:2px;display:inline-block;height:14px;margin-right:8px;width:14px}.label-text{color:#555;margin-right:5px}.percentage-text{color:#777;font-weight:700}@media (max-width:768px){.dual-chart-wrapper{align-items:center;flex-direction:column;gap:60px}.custom-chart-container{width:100%}}