.rain-hero{padding:26px 0 32px}.rain-hero h1{font-size:clamp(38px,4.7vw,60px);letter-spacing:-2.5px}.rain-hero .subtitle{font-size:18px;margin-top:16px}.rain-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 16px}.rain-places{display:flex;gap:7px;flex-wrap:wrap}.rain-pill{border:1px solid #e3e7e7;background:#fff;color:#555d61;padding:10px 15px;min-height:44px;border-radius:24px;font-size:12px;white-space:nowrap}.rain-pill:hover{background:#e9f2f2}.rain-pill[aria-pressed=true]{background:#e2f0ef;color:#185f65;border-color:#9cc6c8}.rain-card{display:grid;grid-template-columns:minmax(0,1fr) 275px;background:white;border:1px solid #e5e9e9;border-radius:28px;overflow:hidden;box-shadow:0 8px 35px #1a4a4a06}.rain-map-wrap{position:relative;min-width:0}#rain-map{height:590px;background:#eff3f3;font:inherit;z-index:1}.rain-map-wrap .leaflet-tile-pane{opacity:.5}.rain-map-wrap .leaflet-container{font:inherit}.rain-map-wrap .leaflet-control-attribution{font-size:9px;background:#ffffffed;max-width:95%;line-height:1.5}.rain-map-wrap .leaflet-control-attribution a{color:#285f77}.rain-map-wrap .leaflet-control-zoom{border:0;box-shadow:0 2px 10px #243b3b20;border-radius:12px;overflow:hidden;margin:76px 0 0 16px}.rain-map-wrap .leaflet-control-zoom a{width:38px;height:38px;line-height:38px;color:#244d52;font-family:inherit;font-size:24px}.rain-map-wrap .leaflet-control-scale{margin:0 0 32px 15px}.rain-map-hint{position:absolute;top:16px;left:16px;z-index:450;background:#fffffff2;box-shadow:0 3px 14px #244d5210;border:1px solid #fff;padding:11px 14px;border-radius:14px;font-size:12px;color:#4c6567;display:flex;align-items:center;gap:8px;pointer-events:none}.rain-dot{width:6px;height:6px;background:#258e99;border-radius:50%}.rain-at-center{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:450;background:#fff;border:1px solid #dbe5e4;color:#226b73;border-radius:25px;padding:12px 17px;min-height:44px;box-shadow:0 4px 20px #244d521c;font-size:12px;font-weight:600;white-space:nowrap}.rain-at-center span{margin-left:5px}.rain-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:440;color:#235d6788;pointer-events:none;font-size:21px;font-weight:300;text-shadow:0 0 2px #fff}.rain-story{padding:30px 25px 22px;display:flex;flex-direction:column;border-left:1px solid #edf0f1}.rain-kicker{font-size:10px;letter-spacing:1.5px;font-weight:650;color:#63898b;margin:0 0 17px}.rain-story h2{font-size:25px;line-height:1.14;letter-spacing:-.9px;margin:0}.rain-status{font-size:12px;color:#6e6e73;line-height:1.6;min-height:38px;margin:17px 0 14px}.rain-route-names{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 18px;font-size:12px;color:#36777d}.rain-route-names span{background:#eef6f5;border-radius:7px;padding:6px 9px}.rain-route-names i{font-style:normal;color:#9cb4b5}.rain-metric strong{font-size:41px;letter-spacing:-1.8px;font-weight:650;display:block;color:#244b50;line-height:1.1}.rain-metric>span{display:block;font-size:11px;color:#77888a;margin-top:6px}.rain-controls{display:flex;gap:7px;margin:22px 0 17px}.rain-controls .rain-pill{font-size:11px;padding:9px 12px;background:#f5f7f7}.rain-views{display:grid;gap:1px}.rain-views button{border:0;background:transparent;text-align:left;color:#287880;padding:10px 0;font-size:12px;min-height:38px}.rain-end{font-size:11px;line-height:1.65;color:#6e6e73;margin:14px 0 0}.rain-small{margin:22px 0 0;padding-top:17px;border-top:1px solid #eef1f2;color:#839091;font-size:10px;line-height:1.6}.rain-legend{display:flex;gap:23px;flex-wrap:wrap;font-size:10px;color:#6f8082;margin:18px 3px 0;align-items:center}.rain-legend span{display:flex;gap:7px;align-items:center}.rain-legend [hidden]{display:none}.rain-legend i{width:24px;border-top:3px solid #2097ad;border-radius:2px}.rain-legend .legend-link{border-top:2px dotted #7f8b93}.rain-legend .legend-overview{border-top:2px dashed #8b7bc0}.rain-note{font-size:11px;line-height:1.6;color:#7d858b;margin:13px 3px 0}.rain-about{margin:22px 0 10px;border-top:1px solid #e2e6e8;padding-top:10px}.rain-about>summary{cursor:pointer;font-size:12px;color:#337c83;padding:12px 0}.rain-about>div{max-width:700px}.rain-about p{font-size:12px;color:#6e6e73;line-height:1.75}.rain-about strong{color:#455b60;font-weight:600}.rain-about .source-links{font-size:12px;gap:13px}.rain-origin-icon{background:none;border:0}.rain-origin-dot{display:block;width:14px;height:14px;border:3px solid white;border-radius:50%;background:#296c7a;box-shadow:0 0 0 7px #2f8b9d25,0 2px 10px #1d536344}.rain-burst{position:absolute;top:-45px;left:-18px;width:50px;height:50px;pointer-events:none}.rain-burst i{position:absolute;top:0;width:2px;height:9px;background:#238dad;border-radius:2px;animation:rainfall .7s linear 3 both;opacity:0}.rain-burst i:nth-child(1){left:7px;animation-delay:0s}.rain-burst i:nth-child(2){left:18px;animation-delay:.23s}.rain-burst i:nth-child(3){left:29px;animation-delay:.1s}.rain-burst i:nth-child(4){left:40px;animation-delay:.4s}@keyframes rainfall{0%{transform:translateY(0);opacity:0}20%{opacity:.8}100%{transform:translateY(40px);opacity:0}}.rain-map-wrap .leaflet-tooltip{font-family:inherit;font-size:11px;padding:6px 9px;border:0;border-radius:8px;color:#355f68;box-shadow:0 2px 10px #0001}.rain-tile-warning{position:absolute;bottom:89px;left:14px;right:14px;z-index:500;background:#fff8e9;color:#735f34;padding:10px;border-radius:10px;font-size:11px;text-align:center}.rain-art{background:#e8f2f4}.rain-art svg{width:100%;height:100%}.rain-page .explorer-bottom{margin-bottom:28px}.rain-page #rain-map:focus-visible{outline:3px solid #22899b;outline-offset:-3px}.rain-page button[hidden]{display:none}
@media(max-width:850px){.rain-card{grid-template-columns:minmax(0,1fr) 235px}.rain-story{padding:26px 19px}.rain-story h2{font-size:22px}.rain-toolbar{align-items:flex-start}.rain-places{gap:5px}.rain-pill{padding:9px 12px;font-size:11px}}
@media(max-width:650px){.rain-hero{padding:20px 0 26px}.rain-hero h1{font-size:38px;letter-spacing:-1.8px;max-width:350px;margin:auto}.rain-hero .subtitle{font-size:15px;margin-top:13px}.rain-toolbar{flex-wrap:wrap;margin-bottom:13px;gap:8px}.rain-places{flex-wrap:wrap;gap:6px}.rain-toolbar>.rain-pill{font-size:10px;padding:7px 12px;min-height:35px}.rain-places .rain-pill{font-size:11px;padding:9px 12px;min-height:39px}.rain-card{display:flex;flex-direction:column;border-radius:23px}#rain-map{height:425px}.rain-story{padding:23px 23px 22px;border:0;border-top:1px solid #edf0f1}.rain-kicker{margin-bottom:10px;font-size:9px}.rain-story h2{font-size:24px}.rain-status{margin:13px 0 12px;min-height:0}.rain-route-names{margin-bottom:13px}.rain-metric{display:flex;align-items:baseline;gap:10px}.rain-metric strong{font-size:35px}.rain-metric>span{font-size:11px}.rain-controls{margin:18px 0 10px}.rain-views{grid-template-columns:1fr 1fr;column-gap:13px}.rain-views button{font-size:11px}.rain-end{margin:9px 0 0}.rain-small{margin-top:16px;padding-top:12px}.rain-legend{gap:13px;font-size:9px;line-height:1.6}.rain-map-hint{font-size:11px;padding:10px 12px}.rain-at-center{font-size:12px}.rain-map-wrap .leaflet-control-zoom{margin-top:70px}}
@media(prefers-reduced-motion:reduce){.rain-burst{display:none}}

.rain-location-controls{display:flex;gap:7px;flex-wrap:wrap}.rain-legend .legend-river{border-top:5px solid #148f9b}.rain-story #use-location{align-self:flex-start}@media(max-width:850px){.rain-toolbar{flex-wrap:wrap}.rain-location-controls .rain-pill{font-size:11px}}