.stockpile-chart.demand-chart{background:linear-gradient(125deg,#ffffff38,#ffffff0a 48%,#ffffff24);border:1px solid #ffffffa6;border-radius:20px;padding:32px;color:#173446;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);box-shadow:inset 0 1px 1px #ffffffd9,inset 0 -1px 1px #ffffff55,0 10px 28px #1734460d}
.demand-intro{font-family:var(--font-display);font-size:clamp(20px,2.3vw,32px);font-weight:400;line-height:1.35;letter-spacing:-.8px;border-left:1px solid #36576a55;padding-left:24px;max-width:680px;margin:0 0 36px}
.demand-chart svg{width:100%;height:auto;display:block;overflow:visible;font-family:var(--font-body)}
.demand-chart .chart-grid{stroke:#36576a25;stroke-width:1}.demand-chart .axis-label{fill:#486475;font-size:12px}.demand-chart .demand-line,.demand-chart .capacity-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2s cubic-bezier(.2,.6,.2,1)}
.demand-line{stroke:#d63359}.capacity-line{stroke:#36576a}.chart-visible .demand-line,.chart-visible .capacity-line{stroke-dashoffset:0}
.demand-chart .gap-area{fill:url(#supply-gap);opacity:0;transition:opacity 1.4s .8s}.chart-visible .gap-area{opacity:1}
.chart-cursor{opacity:0;transition:opacity .5s 1.5s}.chart-visible .chart-cursor{opacity:1}
.demand-chart .chart-note{color:#486475;font-size:10px;line-height:1.6;margin-top:18px}
.demand-chart-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:11px;color:#36576a}.chart-legend{display:flex;gap:24px}.chart-legend span:before{content:'';display:inline-block;width:18px;height:2px;background:#d63359;vertical-align:middle;margin-right:8px}.chart-legend span+span:before{background:#36576a}
.demand-tooltip{font-size:11px;color:#173446;min-height:18px}.chart-year{display:flex;gap:12px;align-items:center;font-size:11px;color:#36576a;margin-top:16px}.chart-year input{width:160px;accent-color:#ff7189}
@media(max-width:700px){.stockpile-chart.demand-chart{padding:22px 14px}.demand-intro{font-size:22px;padding-left:15px}.demand-chart svg{min-height:240px}.chart-legend{gap:12px;flex-wrap:wrap}.demand-chart-footer{gap:12px}.demand-chart figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.demand-chart *{transition:none!important}}

.demand-chart figcaption>span:last-child{color:#486475}.demand-chart svg text[fill="#ff8b9f"]{fill:#b32e50}.demand-chart svg text[fill="#dce9ef"]{fill:#36576a}.demand-chart svg text[fill="#ddab98"]{fill:#925039}.demand-chart .capacity-point{fill:#36576a}.demand-chart .demand-point{fill:#d63359}.demand-chart .chart-cursor path{stroke:#36576a70}