.rain-map{margin:0 0 34px;background:#fff;border:1px solid #d4e2cb;border-radius:17px;overflow:hidden}
.rain-map-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eaf2df;padding:25px 26px}
.rain-map-heading .eyebrow{color:#4d703c;font-size:10px}.rain-map-heading h2{font-size:27px;color:#184b29;margin:9px 0}.rain-map-heading p{font-size:12px;margin:0;color:#5c7153;}
.rain-map-auto{border:1px solid #c9dbb8;background:#f5f9ef;color:#315b2a;border-radius:30px;padding:8px 12px;font-size:11px;font-weight:650;white-space:nowrap}
.rain-map-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:22px 26px 14px}.rain-map-modes{display:flex;gap:5px;padding:4px;background:#edf2e8;border-radius:10px;margin-right:auto}
.rain-map-modes button{cursor:pointer;border:0;border-radius:7px;background:transparent;color:#46613b;padding:11px 15px;font:inherit;font-size:12px;font-weight:650}.rain-map-modes button[aria-pressed=true]{background:#19562d;color:white;box-shadow:0 2px 5px #173c2420}
.rain-map-modes button:focus-visible,.rain-map-controls select:focus-visible{outline:3px solid #d8b635;outline-offset:3px}
.rain-map-controls label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#63755b}.rain-map-controls select{font:inherit;font-size:12px;color:#284c2d;background:#fff;padding:9px 28px 9px 10px;border:1px solid #cbdac2;border-radius:7px;max-width:100%}.rain-map-controls .btn{font-size:12px}
.rain-map-explanation{font-size:12px;line-height:1.7;color:#4f6548;margin:0;padding:0 26px 18px}
.rain-map-canvas{height:600px;background:#e4ebdf;isolation:isolate}.rain-map-canvas iframe{display:block;border:0;width:100%;height:100%}
.rain-map-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 26px 0}.rain-map-footer p{font-size:11px;line-height:1.6;color:#53694a;margin:0}.rain-map-footer a{flex-shrink:0;font-size:12px;font-weight:650;color:#1d5a2e}
.rain-map-coverage{font-size:11px;line-height:1.7;background:#f4f6ec;border-radius:8px;padding:12px 15px;margin:14px 26px 0;color:#586646}.rain-map-credit{font-size:10px;line-height:1.7;color:#66775c;margin:12px 26px 20px}.rain-map-credit a{color:#1d5a2e}
@media(max-width:700px){.rain-map-heading{align-items:flex-start;flex-direction:column;padding:20px;gap:13px}.rain-map-heading h2{font-size:24px}.rain-map-controls{padding:18px 16px 12px;gap:12px}.rain-map-modes{width:100%;margin:0}.rain-map-modes button{flex:1;padding:12px 8px;font-size:11px}.rain-map-controls label{flex:1;min-width:0}.rain-map-controls .btn{align-self:flex-end}.rain-map-explanation{padding:0 18px 16px}.rain-map-canvas{height:530px}.rain-map-footer{align-items:flex-start;flex-direction:column;padding:16px 18px 0;gap:10px}.rain-map-coverage{margin:14px 18px 0}.rain-map-credit{margin:12px 18px 18px}}

.rain-map-unavailable{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px;background:#f0f4e9;color:#3a5636}.rain-map-unavailable>span{font-size:60px;color:#8baf74}.rain-map-unavailable h3{font-size:23px;margin:14px 0 0}.rain-map-unavailable p{max-width:410px;font-size:13px;line-height:1.8}.rain-map-unavailable a{color:#1d5a2e;font-size:13px;font-weight:650}

.rain-map-local-controls{display:flex;align-items:center;flex:1;gap:16px;flex-wrap:wrap}.rain-map-controls [hidden],.rain-map-guide[hidden],.rain-map-canvas [hidden]{display:none!important}.rain-map-country select{font-weight:700;min-width:150px;border-color:#86a66f;background:#f4f8ec}.rain-map-static{height:auto;min-height:240px;background:#fff;padding:12px 20px;}.rain-map-image-link{display:block;text-align:center}.rain-map-image-link img{display:block;width:100%;height:auto;max-width:1100px;margin:auto}.rain-map-image-error{padding:50px 24px;line-height:1.8;font-size:14px;text-align:center;color:#73551b;background:#fff6de;border-radius:10px}.rain-map-guide{margin:18px 26px 0;padding:17px 20px;border:1px solid #dce7d2;border-radius:10px;font-size:12px}.rain-map-guide strong{color:#284f2e}.rain-map-guide p{font-size:11px;line-height:1.7;color:#617058;margin:12px 0 0}.rain-map-legend{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:13px}.rain-map-legend span{display:flex;align-items:center;gap:7px;font-size:11px;color:#526647}.rain-map-legend i{width:14px;height:14px;border:1px solid #829178;border-radius:3px}.rain-above{background:#95c878}.rain-below{background:#c58a4c}.rain-normal{background:#aaa}.rain-equal{background:white}@media(max-width:700px){.rain-map-country{width:100%;flex-basis:100%!important}.rain-map-local-controls{width:100%;flex-basis:100%;gap:12px}.rain-map-static{height:auto;padding:10px 4px;min-height:180px}.rain-map-guide{margin:15px 18px 0;padding:14px}.rain-map-legend{gap:12px}.rain-map-legend span{flex-basis:100%}.rain-map-auto{white-space:normal}}