/* JDServer-Webs v6.1 — climate_temp */
#climate-temp .ct-head{display:flex;align-items:center;justify-content:space-between}

#climate-temp .ct-kpis{
  margin-top:12px; display:grid; gap:12px;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media (max-width:820px){#climate-temp .ct-kpis{grid-template-columns:1fr}}
#climate-temp .kpi{
  border:1px solid var(--border); background:var(--card);
  border-radius:16px; padding:12px; box-shadow:var(--shadow-2);
}
#climate-temp .kpi .lbl{font-size:.92rem;color:var(--muted);margin-bottom:4px}
#climate-temp .kpi .val{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}

#climate-temp .ct-spark.card{
  margin-top:14px;border:1px solid var(--border);background:var(--card);
  border-radius:16px;padding:12px;box-shadow:var(--shadow-2)
}
#climate-temp .spark-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}
#climate-temp .spark-wrap{width:100%;height:160px;display:flex;align-items:center;justify-content:center}
#climate-temp .spark-months{
  margin-top:6px;display:grid;grid-template-columns:repeat(12,1fr);font-size:.78rem;color:var(--muted)
}
#climate-temp .spark-months span{text-align:center}

#climate-temp .ct-seasons{
  margin-top:14px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))
}
@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);border-radius:16px;padding:12px;box-shadow:var(--shadow-2)
}
#climate-temp .ct-seasons h4{margin:0 0 6px 0;font-size:1rem}
#climate-temp .ct-seasons .sval{font-weight:700;font-variant-numeric:tabular-nums}

#climate-temp .ct-empty{
  margin-top:12px;border:1px dashed var(--border);
  background:color-mix(in oklab,var(--card),var(--brand-50) 8%);border-radius:14px;padding:12px 14px
}

/* Sparkline colors */
#climate-temp .spark-line{stroke:color-mix(in oklab,var(--brand),#888 10%);stroke-width:2.5;fill:none}
#climate-temp .spark-shadow{stroke:rgba(0,0,0,.25);stroke-width:6;filter:blur(2px);opacity:.25}
html[data-theme=light] #climate-temp .spark-shadow{stroke:rgba(0,0,0,.18);opacity:.18}