.pure-css-chart-wrapper{background:#fff;font-family:sans-serif;margin:0 auto;max-width:1100px;padding:24px}.chart-main-title{color:#333;font-size:18px;margin-bottom:24px;text-align:center}.chart-container{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;padding-bottom:8px}.chart-row{align-items:center;display:flex;margin-bottom:16px;min-width:500px}.chart-label{color:#4a4a4a;flex-shrink:0;font-size:14px;font-weight:700;width:110px}.chart-bar-track{background-color:#f5f5f5;border-radius:4px;display:flex;flex-grow:1;height:32px;overflow:hidden}.chart-bar-segment{align-items:center;display:flex;font-size:11px;font-weight:700;height:100%;justify-content:center;overflow:hidden;text-overflow:ellipsis;transition:background-color .3s ease,color .3s ease;white-space:nowrap}.chart-comment-box{background-color:#f8f9fa;border-left:4px solid #425b76;border-radius:0 6px 6px 0;color:#333;font-size:14px;line-height:1.6;margin-top:24px;padding:16px 20px}.chart-comment-box p:last-child{margin-bottom:0}.chart-notation{color:#777;font-size:11px;margin-top:12px;text-align:right}.chart-legend-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px;padding:0 10px}.chart-legend-item{align-items:center;color:#4a4a4a;display:flex;font-size:13px}.legend-color-box{border-radius:3px;display:inline-block;height:12px;margin-right:6px;width:12px}