.chart-wrapper{margin-bottom:80px}.chart-header{text-align:center;margin-bottom:40px}.chart-title-container{align-items:center;gap:12px;margin-bottom:16px;display:inline-flex}.chart-icon{color:#ff6b35;width:28px;height:28px}.chart-title{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.chart-description{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.chart-container{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:16px;padding:40px 60px 20px 80px;position:relative}.chart-y-axis{color:var(--text-muted);flex-direction:column;justify-content:space-between;font-size:.875rem;font-weight:600;display:flex;position:absolute;top:40px;bottom:80px;left:20px}.chart-area{border-bottom:2px solid #cbd5e0;border-left:2px solid #cbd5e0;height:320px;position:relative}.chart-grid{position:absolute;inset:0}.chart-grid-line{opacity:.8;border-top:1px dashed #e2e8f0;position:absolute;left:0;right:0}.chart-svg{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.chart-points{width:100%;height:100%;position:absolute;top:0;left:0}.chart-point-container{z-index:2;position:absolute;transform:translate(-50%,-50%)}.chart-point-label{background:var(--color-primary);color:#fff;white-space:nowrap;border-radius:8px;margin-bottom:20px;padding:6px 12px;font-size:.875rem;font-weight:700;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.dark .chart-point-label{background:var(--color-accent)}.chart-point{background:#fff;border:3px solid #ff6b35;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.chart-point-inner{background:#ff6b35;border-radius:50%;width:8px;height:8px}.chart-x-axis{justify-content:space-between;margin-top:20px;padding:0;display:flex}.chart-x-label{text-align:center;flex:1}.chart-year{color:var(--text-primary);font-size:.9375rem;font-weight:700}.chart-ratio{color:var(--text-muted);margin-top:4px;font-size:.75rem}.chart-footer{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);text-align:center;border-radius:12px;margin-top:32px;padding:24px}.chart-footer p{color:var(--text-muted);margin:0;font-size:1rem}@media (max-width:768px){.chart-wrapper{margin-bottom:60px}.chart-header{margin-bottom:30px}.chart-title{font-size:1.5rem}.chart-description{font-size:1rem}.chart-container{padding:30px 40px 20px 60px}.chart-y-axis{font-size:.75rem;left:10px}.chart-area{height:280px}.chart-point-label{margin-bottom:15px;padding:4px 8px;font-size:.75rem}.chart-point{border-width:2.5px;width:14px;height:14px}.chart-point-inner{width:6px;height:6px}.chart-year{font-size:.875rem}.chart-ratio{font-size:.6875rem}.chart-footer{padding:20px}.chart-footer p{font-size:.9375rem}}@media (max-width:480px){.chart-wrapper{margin-bottom:40px}.chart-header{margin-bottom:24px}.chart-title-container{flex-direction:column;gap:8px}.chart-icon{width:24px;height:24px}.chart-title{font-size:1.25rem}.chart-description{padding:0 16px;font-size:.875rem}.chart-container{border-radius:12px;padding:20px 20px 16px 40px}.chart-y-axis{font-size:.6875rem;top:20px;bottom:60px;left:4px}.chart-area{height:220px}.chart-point-label{margin-bottom:10px;padding:3px 6px;font-size:.6875rem}.chart-point{border-width:2px;width:12px;height:12px}.chart-point-inner{width:5px;height:5px}.chart-x-axis{gap:4px;margin-top:16px}.chart-year{font-size:.75rem}.chart-ratio{font-size:.625rem}.chart-footer{margin-top:24px;padding:16px}.chart-footer p{font-size:.875rem;line-height:1.5}}@media (max-width:375px){.chart-container{padding:16px 12px 12px 32px}.chart-y-axis{font-size:.625rem}.chart-area{height:200px}.chart-year{font-size:.6875rem}.chart-ratio{font-size:.5625rem}.chart-point-label{padding:2px 5px;font-size:.625rem}}