.rain-summary{font-weight:700;font-size:1.02rem;margin:2px 0 10px}
.rainrow{display:grid;grid-template-columns:minmax(92px,1.1fr) 1.6fr minmax(104px,.9fr);gap:6px 12px;align-items:center;padding:8px 0;border-top:1px solid color-mix(in srgb,var(--text) 10%, transparent)}
.rainrow:first-of-type{border-top:0}
.rname{font-weight:700}
.rname a{color:inherit;text-decoration:none}
.rname a:hover{text-decoration:underline}
.rnow{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--teal);margin-top:2px}
.rdot{width:8px;height:8px;border-radius:50%;background:var(--teal);flex:none;animation:rainpulse 1.6s ease-in-out infinite}
@keyframes rainpulse{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion: reduce){.rdot{animation:none}}
.rbar{height:6px;border-radius:3px;background:color-mix(in srgb,var(--text) 10%, transparent);overflow:hidden}
.rbar i{display:block;height:100%;background:var(--teal);border-radius:3px}
.rtoday span{display:block;font-size:.82rem;margin-top:3px}
.rtmr{font-size:.86rem;text-align:right}
.rtmr b{font-weight:700}
@media (max-width:560px){.rainrow{grid-template-columns:1fr 1fr}.rtmr{grid-column:1/-1;text-align:left}}