.chart-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.chart-tools strong{margin-right:auto}.chart-tools label{font-size:13px}.chart-tools button,.chart-tools select,.chart-selection button,.series-toggle{font:inherit;border:1px solid #dcded5;border-radius:6px;background:#fff;padding:6px 10px;color:#384329;cursor:pointer}.chart-ranges{display:flex;gap:5px;font-size:13px}.chart-ranges [aria-pressed=true]{background:#3f6212;color:white}.chart-help,.chart-window{font-size:12px;color:#63675e}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.interactive-card{min-width:0;border:1px solid #e1e4dc;border-radius:10px;padding:14px 10px;background:#fff}.interactive-card h3{margin:0;font-size:17px}.chart-unit{font-size:12px;color:#63675e;margin:2px 0 10px}.series-controls{display:flex;gap:6px;flex-wrap:wrap;min-height:34px}.series-toggle{font-size:11px;padding:4px 6px;border-color:var(--series-color);color:var(--series-color)}.series-toggle:before{content:'●';margin-right:4px}.series-toggle[aria-pressed=false]{opacity:.5;text-decoration:line-through;background:#f1f1f1}.chart-selection{display:flex;gap:8px;margin-top:7px}.chart-selection button{font-size:11px;padding:2px 8px}.chart-canvas{height:300px;width:100%}.chart-static{display:block;margin-top:14px;font-size:13px}.interactive-charts button:focus-visible,.interactive-charts select:focus-visible{outline:2px solid #3f6212;outline-offset:2px}@media(max-width:1100px){.chart-grid{grid-template-columns:1fr}}@media(max-width:540px){.chart-canvas{height:290px}.interactive-card{padding:12px 6px}.chart-tools{gap:8px}}

.chart-navigation{display:flex;gap:6px;margin:9px 0}.chart-navigation button{font:inherit;font-size:12px;padding:5px 9px;border:1px solid #dcded5;border-radius:5px;background:white;color:#384329;cursor:pointer}.chart-canvas{cursor:grab;touch-action:pan-y}.chart-canvas.dragging{cursor:grabbing}

.chart-note{font-size:12px;color:#63675e;margin:8px 3px 0;line-height:1.6}