#climate-climograph.module{margin-top:18px}.climo-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-2);border-radius:16px;padding:12px}.climo-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.climo-head h3{margin:0;font-size:1.05rem}.climo-legend{flex-wrap:wrap;align-items:center;gap:10px;font-size:.9rem;display:flex}.climo-legend .key{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:.18rem .5rem;display:inline-flex}.key .box{border-radius:3px;width:14px;height:10px;display:inline-block}.key .line{border-top:3px solid;width:16px;height:0;display:inline-block}:root{--climo-prcp:#60a5fa;--climo-tmax:#ef4444;--climo-tmin:#3b82f6}html[data-theme=light]{--climo-prcp:#2563eb;--climo-tmax:#dc2626;--climo-tmin:#1d4ed8}.climo-svg-wrap{aspect-ratio:12/6;width:100%;max-height:360px;display:block}@media (max-width:720px){.climo-svg-wrap{aspect-ratio:12/8;max-height:320px}}.climo-svg{width:100%;height:100%}.climo-axis text{fill:var(--muted);font-size:.82rem}.climo-grid line{stroke:var(--border);stroke-width:1px}.climo-bar{fill:var(--climo-prcp);opacity:.85}.climo-line-tmax{stroke:var(--climo-tmax);stroke-width:2.5px;fill:none}.climo-line-tmin{stroke:var(--climo-tmin);stroke-width:2.5px;fill:none}.climo-dots circle{r:2.8}.climo-dots .tmax{fill:var(--climo-tmax)}.climo-dots .tmin{fill:var(--climo-tmin)}.climo-month{fill:var(--muted);font-size:.85rem}