.visual-explainer,.forecast-curve{margin:16px 0;padding:14px;border:1px solid var(--site-border);border-radius:16px;background:var(--site-soft);color:var(--site-ink);min-width:0}.visual-explainer svg,.forecast-curve svg{display:block;width:100%;height:auto;max-height:180px;color:var(--site-accent)}.visual-explainer svg text{fill:var(--site-ink);font:14px system-ui}.visual-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.visual-controls button{min-height:44px;padding:8px 14px;border:1px solid var(--site-border);border-radius:10px;background:var(--site-surface);color:var(--site-ink);cursor:pointer}.visual-controls input{flex:1;min-width:100px;accent-color:var(--site-accent)}.visual-controls button:focus-visible,.visual-controls input:focus-visible{outline:3px solid var(--site-accent);outline-offset:3px}.visual-caption{margin:8px 0 0;font-size:.9rem;line-height:1.5}.visual-note{display:block;font-size:.75rem;color:var(--site-muted);margin-top:6px}.forecast-curve .curve-dot{transition:cx .25s,cy .25s}.forecast-curve output{font-size:.9rem;flex-basis:100%}@media(prefers-reduced-motion:reduce){.forecast-curve .curve-dot{transition:none}}@media print{.visual-controls{display:none}}