.climate-intro{padding:28px 0 18px}.climate-intro h1{margin:4px 0 12px;font-size:clamp(1.7rem,4vw,2.4rem)}.climate-intro p{max-width:76ch}.climate-controls{flex-wrap:wrap;gap:14px;margin:14px 0;display:flex}.climate-controls label{gap:5px;font-size:.9rem;font-weight:650;display:grid}.climate-controls select,.climate-search input{font:inherit;color:inherit;background:#fffdf9;border:1px solid #cfc8ba;border-radius:8px;max-width:100%;min-height:44px;padding:10px}.climate-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:18px;display:grid}.climate-map-wrap{min-width:0;position:relative}.climate-map{isolation:isolate;background:#e8eff0;border:1px solid #d8d2c6;border-radius:12px;height:650px;max-height:76vh}.climate-map[hidden]{display:none}.climate-map .leaflet-container{font-family:inherit}.climate-fallback{object-fit:contain;background:#e8eff0;border-radius:12px;width:100%;max-height:650px;display:block}.climate-panel{background:#fffdf8;border:1px solid #ded6c8;border-radius:12px;min-width:0;padding:18px}.climate-panel h2{margin:0 0 10px;font-size:1.35rem}.climate-panel strong.climate-value{color:#12696d;font-size:2rem;display:block}.climate-panel dl{margin:14px 0}.climate-panel dl div{border-top:1px solid #e8dfd1;justify-content:space-between;gap:10px;padding:7px 0;display:flex}.climate-panel dd{margin:0;font-weight:650}.climate-search{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.climate-search label{width:100%;font-weight:650}.climate-search input{flex:1;min-width:100px}.climate-results{max-height:260px;padding:0;list-style:none;overflow:auto}.climate-results button{text-align:left;color:#164e4b;width:100%;font:inherit;cursor:pointer;background:#f3eee4;border:0;border-radius:6px;min-height:44px;margin-bottom:4px;padding:10px}.climate-legend{flex-wrap:wrap;gap:10px 16px;padding:0;font-size:.85rem;list-style:none;display:flex}.climate-legend li{align-items:center;gap:5px;display:flex}.climate-legend i{border:1px solid #7778;border-radius:2px;width:18px;height:13px;display:inline-block}.climate-source{border-left:3px solid #b7cfc3;margin:18px 0;padding:2px 14px;font-size:.85rem;line-height:1.6}.climate-links ul{padding-left:20px}.climate-links li{margin:8px 0}.climate-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;display:flex}.climate-heading h3{margin-top:2px}.climate-profile{margin-top:20px;scroll-margin-top:100px}.climate-profile .trend-chart{max-width:800px;margin:18px 0}.climate-profile details{margin-top:14px}.climate-profile .climate-periods{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.climate-profile .climate-periods dd{margin:8px 0;font-size:1.7rem}.climate-profile .climate-periods dd span{font-size:.85rem;font-weight:400;display:block}.climate-chart-range{justify-content:space-between;font-size:.8rem;display:flex}.climate-spark{width:100%;height:auto;margin-top:14px}.climate-spark path{fill:none;stroke:#12696d;stroke-width:2px}.climate-place-list{columns:3;padding:0;list-style:none}.climate-place-list li{break-inside:avoid;padding:5px 0}.climate-overview{margin-top:30px}.climate-sr-status{min-height:1.5em}.climate-map .leaflet-control-attribution{font-size:10px}.climate-map svg{max-width:none}.climate-map .leaflet-control-zoom a{color:#164e4b}.climate-method-note{margin-top:12px;font-size:.88rem;line-height:1.6}.climate-reset{min-height:44px;margin:8px 0}.climate-panel a.button{margin-top:10px;display:inline-block}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #12696d}@media (width<=760px){.climate-layout{grid-template-columns:1fr}.climate-map{height:480px;max-height:62vh}.climate-panel{padding:14px}.climate-profile .climate-periods{gap:8px}.climate-profile .climate-periods dd{font-size:1.4rem}.climate-place-list{columns:2}.climate-controls label,.climate-controls select{width:100%}}@media (prefers-reduced-motion:reduce){.climate-map *{transition:none!important}}.climate-fallback[hidden],.climate-search[hidden]{display:none}.climate-profile .climate-periods>div{display:block}.climate-profile .climate-periods dt{white-space:nowrap;font-size:clamp(.75rem,2.7vw,.95rem)}
