.forecast-graphs{clear:both;max-width:100%;margin:20px 0;color:#253547}.forecast-graphs>p{font-size:14px;line-height:1.5}.graph-card{margin:16px 0;padding:14px;background:#fff;border:1px solid #dbe4ed;border-radius:12px;box-shadow:0 3px 12px #142d4410}.graph-card h3{margin:0 0 8px;font-size:17px;color:#253547}.graph-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.graph-scroll svg{display:block;max-width:none;height:210px}.graph-readout{min-height:24px;font-size:14px;margin:8px 0 0;color:#334b63}.graph-source{margin:16px 0}.graph-source summary{cursor:pointer;padding:12px;background:#eef3f8;border-radius:8px}.graph-dot:focus{outline:none;stroke:#111;stroke-width:3}.graph-dot{cursor:crosshair}.graph-status{font-weight:bold}.graph-panels{min-width:0}@media(max-width:600px){.graph-card{padding:10px}.graph-card h3{font-size:16px}}
.graph-legend{display:flex;gap:20px;flex-wrap:wrap;margin:12px 0}.graph-legend label{display:flex;align-items:center;gap:7px;cursor:pointer;font-weight:bold;padding:8px 12px;background:#edf3f8;border-radius:8px}.graph-swatch{display:inline-block;width:24px;height:4px;border-radius:2px}.graph-comparison-note{font-size:13px;color:#52667a}