#climate-temp .ct-head{justify-content:space-between;align-items:center;display:flex}#climate-temp .ct-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}@media (max-width:820px){#climate-temp .ct-kpis{grid-template-columns:1fr}}#climate-temp .kpi{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-2);border-radius:16px;padding:12px}#climate-temp .kpi .lbl{color:var(--muted);margin-bottom:4px;font-size:.92rem}#climate-temp .kpi .val{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}#climate-temp .ct-spark.card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-2);border-radius:16px;margin-top:14px;padding:12px}#climate-temp .spark-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}#climate-temp .spark-wrap{justify-content:center;align-items:center;width:100%;height:160px;display:flex}#climate-temp .spark-months{color:var(--muted);grid-template-columns:repeat(12,1fr);margin-top:6px;font-size:.78rem;display:grid}#climate-temp .spark-months span{text-align:center}#climate-temp .ct-seasons{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}@media (max-width:820px){#climate-temp .ct-seasons{grid-template-columns:1fr 1fr}}@media (max-width:520px){#climate-temp .ct-seasons{grid-template-columns:1fr}}#climate-temp .ct-seasons .card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-2);border-radius:16px;padding:12px}#climate-temp .ct-seasons h4{margin:0 0 6px;font-size:1rem}#climate-temp .ct-seasons .sval{font-variant-numeric:tabular-nums;font-weight:700}#climate-temp .ct-empty{border:1px dashed var(--border);background:color-mix(in oklab,var(--card),var(--brand-50) 8%);border-radius:14px;margin-top:12px;padding:12px 14px}#climate-temp .spark-line{stroke:color-mix(in oklab,var(--brand),#888 10%);stroke-width:2.5px;fill:none}#climate-temp .spark-shadow{stroke:#00000040;stroke-width:6px;filter:blur(2px);opacity:.25}html[data-theme=light] #climate-temp .spark-shadow{stroke:#0000002e;opacity:.18}