.rain-forecast{margin:20px 0 24px;padding:22px 24px;border:1px solid #d5e4ef;border-top:4px solid #e6a23b;border-radius:14px;background:linear-gradient(120deg,#f0f7fc,#fff 75%);box-shadow:0 6px 20px rgba(22,60,97,.07);color:#163c61;font-family:'Open Sans',sans-serif}
.rain-forecast-heading{display:flex;align-items:center;gap:14px}
.rain-forecast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px;border-radius:14px;background:#dfeef9;color:#23658c}
.rain-forecast-kicker{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#607d94}
.rain-forecast h2{margin:4px 0 0;font-size:23px;font-weight:700;line-height:1.3;color:#163c61}
.rain-forecast-badge{margin-left:auto;padding:6px 12px;border-radius:20px;background:#fff1d8;color:#865600;font-size:11px;font-weight:700;white-space:nowrap}
.rain-forecast-intro{margin:16px 0 12px;font-size:12px;color:#587084;line-height:1.6}
.rain-forecast-row{display:grid;grid-template-columns:minmax(0,1fr) 130px 230px;align-items:center;gap:16px;padding:12px 0;border-top:1px solid #e0eaf1;font-size:13px}
.rain-forecast-place{font-weight:700;overflow-wrap:anywhere}
.rain-forecast-amount{color:#23658c;font-size:19px;font-weight:700;white-space:nowrap}
.rain-forecast-amount small{font-size:10px;font-weight:400;color:#587084}
.rain-forecast-period{font-size:11px;color:#587084;text-align:right;font-variant-numeric:tabular-nums}
.rain-forecast-more summary{cursor:pointer;padding:12px 0 4px;color:#23658c;font-size:12px;font-weight:700}
.rain-forecast-more summary span{display:inline-block;margin-left:6px;padding:2px 7px;background:#dfeef9;border-radius:10px;font-size:10px}
.rain-forecast-more summary:focus-visible{outline:2px solid #23658c;outline-offset:4px}
.rain-forecast-footer{margin-top:12px;color:#6e8393;font-size:10px}
@media(max-width:767px){.rain-forecast{padding:16px;margin-top:16px}.rain-forecast-heading{gap:10px;flex-wrap:wrap}.rain-forecast h2{font-size:20px}.rain-forecast-badge{margin-left:62px;margin-top:-4px}.rain-forecast-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px}.rain-forecast-period{grid-column:1/-1;text-align:left}.rain-forecast-place{font-size:12px}.rain-forecast-amount{font-size:17px}}
/* Compact forecast panel within the panoramic header. */
.mc-masthead .rain-forecast{flex:0 1 590px;min-width:0;margin:0;padding:12px 16px;border:1px solid rgba(255,255,255,.35);border-left:3px solid #f1b653;background:rgba(16,39,55,.89);box-shadow:0 8px 24px rgba(0,0,0,.16);color:#fff;backdrop-filter:blur(8px)}
.mc-masthead .rain-forecast-heading{gap:9px}
.mc-masthead .rain-forecast-icon{width:34px;height:34px;border-radius:9px;background:rgba(141,224,229,.13);color:#8de0e5}
.mc-masthead .rain-forecast-icon svg{width:25px;height:25px}
.mc-masthead .rain-forecast-kicker{color:#b6d1df;font-size:9px;letter-spacing:1.2px}
.mc-masthead .rain-forecast h2{color:#fff;font-size:17px;margin-top:2px}
.mc-masthead .rain-forecast-badge{font-size:10px;padding:4px 8px;background:#f1b653;color:#463000}
.mc-masthead .rain-forecast-intro{display:none}
.mc-masthead .rain-forecast-list{margin-top:9px;max-height:235px;overflow-y:auto}
.mc-masthead .rain-forecast-row{grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:7px 0;border-color:rgba(255,255,255,.16)}
.mc-masthead .rain-forecast-place{font-size:11px;color:#edf6fc}
.mc-masthead .rain-forecast-amount{font-size:17px;color:#ffd28b}
.mc-masthead .rain-forecast-amount small{color:#c2d6e2;font-size:9px}
.mc-masthead .rain-forecast-period{grid-column:1/-1;text-align:left;font-size:10px;color:#c2d6e2}
.mc-masthead .rain-forecast-more summary{font-size:11px;padding:6px 0 0;color:#8de0e5}
.mc-masthead .rain-forecast-more summary span{background:rgba(141,224,229,.15);color:#b9eef1}
.mc-masthead .rain-forecast-more summary:focus-visible{outline-color:#8de0e5}
.mc-masthead .rain-forecast-footer{margin-top:6px;font-size:9px;color:#a7c0cf}
@media(max-width:767px){.mc-masthead{flex-wrap:wrap;gap:16px;padding-bottom:46px}.mc-masthead .rain-forecast{flex-basis:100%;order:3}.mc-masthead .rain-forecast-badge{margin:0 0 0 auto}.mc-masthead .rain-forecast h2{font-size:16px}}
@media(max-width:360px){.mc-masthead .rain-forecast-badge{display:none}}
/* Center the warning on the panorama with the original dark blue palette. */
@media(min-width:1100px){.mc-masthead.mc-rain-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,590px) minmax(0,1fr)}.mc-rain-header .mc-brand{justify-self:start}.mc-rain-header .rain-forecast{width:100%;grid-column:2;justify-self:center}.mc-rain-header .mc-header-note,.mc-rain-header .mc-partner{grid-column:3;justify-self:end}}
.mc-masthead .rain-forecast{background:rgba(16,39,55,.92);border-color:rgba(255,255,255,.35);border-left-color:#8de0e5}
.mc-masthead .rain-forecast-icon{background:rgba(141,224,229,.15);color:#8de0e5}
.mc-masthead .rain-forecast-kicker,.mc-masthead .rain-forecast-period,.mc-masthead .rain-forecast-amount small{color:#c2d6e2}
.mc-masthead .rain-forecast-place{color:#edf6fc}
.mc-masthead .rain-forecast-amount{color:#ffd28b}
.mc-masthead .rain-forecast-more summary{color:#8de0e5}
.mc-masthead .rain-forecast-more summary span{background:rgba(141,224,229,.15);color:#b9eef1}
.mc-masthead .rain-forecast-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c2d6e2}
.mc-masthead .rain-forecast-footer button{color:#b9eef1;font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:4px 0}
.mc-masthead .rain-forecast-footer button:hover{color:#8de0e5}
.mc-masthead .rain-forecast-footer button:focus-visible,.mc-masthead .rain-forecast-more summary:focus-visible{outline:2px solid #8de0e5;outline-offset:3px}
@media(min-width:768px) and (max-width:1099px){.mc-rain-header .rain-forecast{margin-left:auto;margin-right:auto}}

.mc-masthead .rain-forecast-footer form{margin:0}
.mc-masthead .rain-forecast-footer button{background:transparent;border:0;font-family:inherit;cursor:pointer}