/* Hero sample visual: forecast. Source: src/styles/vis-forecast.css (edit there, then run scripts/vis-css.mjs). Linked by templates/Landing.astro only on a page with hero.visual: forecast. */
.vf-head{display:flex;align-items:center;gap:var(--s-4);font-size:var(--fs-pill)}.vf-head b{margin-right:auto}.vf-key{display:flex;align-items:center;gap:var(--s-2);color:var(--panel-muted);font-size:var(--fs-tag)}.vf-key i{width:var(--s-5);height:0;border-top:2.5px solid var(--accent-on-panel)}.vf-key .k-dash{border-top-style:dashed}.vf-chart{display:block;width:100%;height:auto;overflow:visible}.vf-grid{fill:none;stroke:var(--panel-line);stroke-width:1}.vf-area{fill:var(--panel-card);stroke:none;opacity:0.55}.vf-solid,.vf-dash,.vf-m{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.vf-solid{stroke:var(--accent-on-panel)}.vf-dash{stroke:var(--accent-on-panel);stroke-dasharray:7 7}.vf-m{stroke:var(--panel-ink);stroke-width:8;stroke-dasharray:1000 2000;stroke-dashoffset:0}.vf-dot{fill:var(--panel);stroke:var(--accent-on-panel);stroke-width:2.5;transform-box:fill-box;transform-origin:center}.vf-end{fill:var(--accent-on-panel)}.vf-months{display:grid;grid-template-columns:repeat(8,1fr);text-align:center;color:var(--panel-ink);font-size:var(--fs-tag);font-weight:600}.vf-months .is-fc{color:var(--panel-muted);font-weight:400}@media (prefers-reduced-motion:no-preference){html.js .vis.run .vf-area{animation:vis-fade var(--dur-draw) linear var(--at) backwards}html.js .vis.run .vf-solid{stroke-dasharray:1000 2000;animation:vis-draw var(--dur-draw) var(--ease-out) var(--at) backwards}html.js .vis.run .vf-m{animation:vis-draw var(--dur-draw) var(--ease-out) calc(var(--at) + var(--dur-draw) * 0.7) backwards}html.js .vis.run .vf-join{animation:vis-pop var(--dur-std) var(--ease-out) calc(var(--at) + var(--dur-draw) * 0.7) backwards}html.js .vis.run .vf-end{animation:vis-pop var(--dur-std) var(--ease-out) calc(var(--at) + var(--dur-draw) * 1.7) backwards}html.js .vis.run .vf-months li{animation:vis-fade var(--dur-fade) linear var(--at) backwards}}
