.climate-controls{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:20px}
.climate-controls .section-head p{font-size:14px;color:var(--muted);margin:8px 0 0}
#climate-periods{display:flex;flex-wrap:wrap;gap:16px;align-items:end}
#climate-periods fieldset{flex:1 1 240px;min-width:0;display:flex;gap:12px;border:1px solid var(--line);border-radius:10px;padding:14px}
#climate-periods legend{font-weight:600;font-size:14px;color:#52789b;padding:0 6px}
#climate-periods label,.climate-filters label,.threshold-grid label{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1;font-size:13px;color:var(--muted)}
#climate-periods input,.climate-filters select,.threshold-grid input{width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:7px;background:white;color:#283d5a;font:inherit}
.climate-filters{display:flex;align-items:end;flex-wrap:wrap;gap:20px;margin-top:20px}.climate-filters label{flex:0 1 220px}#climate-status{font-size:13px;color:var(--muted);flex:1 1 250px;line-height:1.6}
.climate-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #dce7fd;border-radius:14px;background:#eaf1ff;padding:24px;margin-bottom:20px}.climate-summary strong{display:block;font:700 40px Manrope;color:#244f9b;margin-top:7px}.climate-summary p{font-size:15px;line-height:1.8;color:#597499;max-width:360px}
#climate-chart{width:100%;height:auto;display:block;touch-action:pan-y}#climate-chart text{font:12px 'DM Sans';fill:#8c98aa}
#climate-scrubber{width:100%;accent-color:var(--blue);margin-top:10px}#climate-reading{font-size:13px;text-align:center;color:#607b9d;line-height:1.7;margin-top:6px}
#climate-tooltip{position:absolute;top:10px;background:#17376b;color:white;border-radius:8px;padding:10px 14px;font-size:13px;pointer-events:none;line-height:1.6;overflow-wrap:anywhere}
.climate-counter-head{margin-top:28px;gap:12px;flex-wrap:wrap}.climate-counter-head span{font-size:13px}
.climate-counter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.climate-counter{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0}.climate-counter h3{font:700 15px Manrope;margin:0}.climate-counter p{font-size:12px;color:var(--muted);line-height:1.6;min-height:36px}
.counter-comparison{display:flex;justify-content:space-between;gap:10px}.counter-comparison small{font-size:12px;color:var(--muted)}.counter-comparison strong{display:block;font:700 28px Manrope;margin-top:6px}.counter-comparison>div:first-child strong{color:#16828b}.counter-comparison>div:last-child strong{color:#d2683d}.counter-change{border-top:1px solid var(--line);margin-top:17px;padding-top:12px;font-size:13px;color:#5b7194}
.climate-thresholds{background:white;border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin-top:18px}.climate-thresholds summary{font-size:14px;font-weight:600;cursor:pointer}.threshold-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.threshold-grid input:invalid{border-color:#c45942}
.climate-method{font-size:12px;color:#7b8ba2;line-height:1.8;margin-top:18px}.climate-method a{text-decoration:underline;text-underline-offset:3px}#climate-panel[aria-busy=true] #climate-results{opacity:.5}
@media(max-width:1100px){.climate-counter-grid,.threshold-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.climate-summary{align-items:start;flex-direction:column;gap:0}.climate-summary p{max-width:none}.climate-controls{padding:20px}}
@media(max-width:760px){#climate-periods .primary{width:100%}.climate-counter{padding:16px}.climate-counter-grid{gap:8px}.counter-comparison strong{font-size:25px}.climate-counter-head h2{font-size:17px}.climate-summary{padding:20px}.climate-summary .eyebrow{font-size:11px}.threshold-grid{gap:12px}.tabs{gap:22px}}