#recent-rainfall[hidden],#mobile-rainfall-slot[hidden],#rainfall-controls[hidden]{display:none!important}
#recent-rainfall .rainfall-toggle{font:inherit;font-size:12px;font-weight:750;color:var(--green,#3b7e46);background:transparent;border:0;padding:8px 0 8px 8px;min-height:44px;cursor:pointer;white-space:nowrap}
#recent-rainfall .icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#recent-rainfall .section-body{padding-top:10px}
.rainfall-summary{font-size:11px;font-weight:650;color:var(--muted,#67706b);margin:0 0 10px;line-height:1.5}
.rainfall-list{list-style:none;margin:0;padding:0;display:grid}
.rainfall-row{display:flex;align-items:center;gap:16px;padding:11px 0;border-bottom:1px solid var(--border)}
.rainfall-row:last-child{border-bottom:0}
.rainfall-field{min-width:0;flex:1;display:grid;gap:3px}
.rainfall-field strong{font-size:13px;font-weight:750;overflow-wrap:anywhere}
.rainfall-field small{font-size:11px;line-height:1.4;color:var(--muted,#67706b);overflow-wrap:anywhere}
.rainfall-amount{font-size:21px;letter-spacing:-.6px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text,inherit)}
.rainfall-amount small{font-size:11px;letter-spacing:0;font-weight:600;margin-left:4px;color:var(--muted,#67706b)}
.rainfall-track{display:block;height:3px;max-width:180px;margin-top:5px;background:var(--dash-green-soft);border-radius:4px;overflow:hidden}
.rainfall-track>span{display:block;height:100%;border-radius:4px;background:var(--green,#3b7e46);opacity:.65}
.rainfall-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:6px}
.rainfall-controls label{display:grid;gap:4px;font-size:11px;font-weight:650;color:var(--muted,#67706b);min-width:0}
.rainfall-controls select{width:100%;min-width:0;min-height:40px;font:inherit;font-size:12px;border:1px solid var(--border);border-radius:8px;padding:7px;color:var(--text);background:var(--surface)}
.rainfall-footer{border-top:1px solid var(--border);padding-top:10px;margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.rainfall-footer small{font-size:10px;line-height:1.5;color:var(--muted,#67706b)}
#recent-rainfall :focus-visible{outline:2px solid var(--green,#3b7e46);outline-offset:3px}