/* rain/rain.css — the rain/<city> pages and hubs (bin/build-rain-pages.cjs), on top of layers/pages.css and uv/uv.css (tiles, tables, hub). */
.rn-say{font-weight:600;margin:8px 0}.rn-sum{margin:4px 0 8px}
#rn-days h3{margin:22px 0 4px;font-size:17px}
.rn-t{color:#fff!important;border:0}.rn-t span,.rn-t small{color:rgba(255,255,255,.85)!important}
.rn-t.rn-dry{background:linear-gradient(135deg,#7a8a99,#9fb0bf)}.rn-t.rn-light{background:linear-gradient(135deg,#3f8fd6,#6fb4ef)}.rn-t.rn-mod{background:linear-gradient(135deg,#1c5fb8,#3f8fd6)}
.rn-t.rn-heavy{background:linear-gradient(135deg,#2a2f9e,#4b4fd0)}.rn-t.rn-vheavy{background:linear-gradient(135deg,#6a1b9a,#a23fd0)}
.rn-bars{display:flex;align-items:flex-end;gap:4px;height:140px;margin:8px 0 4px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.rn-bars div{flex:1 1 0;min-width:0;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end}
.rn-bars i{display:block;border-radius:4px 4px 0 0;min-height:2px}
.rn-bars em{font-style:normal;font-size:11px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;line-height:1.3}
.rn-bars span{position:absolute;bottom:-19px;left:50%;transform:translateX(-50%);font-size:10.5px;color:var(--muted);white-space:nowrap}
.rn-dry{background:var(--line)}.rn-light{background:#6fb4ef}.rn-mod{background:#3f8fd6}.rn-heavy{background:#3a3fc0}.rn-vheavy{background:#8e2fc0}
.rn-bars i.rn-snow{background:repeating-linear-gradient(45deg,#9cc8ef 0 4px,#d9ecfb 4px 8px)}
.rn-tab summary{cursor:pointer;color:var(--muted);font-size:14px;margin:6px 0}
.rn-clim{display:flex;align-items:flex-end;gap:4px;height:130px;margin:8px 0 4px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.rn-clim div{flex:1 1 0;min-width:0;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end}
.rn-clim i{display:block;border-radius:4px 4px 0 0;background:#6fb4ef;min-height:2px}.rn-clim div.on i{background:#1c5fb8}
.rn-clim em{font-style:normal;font-size:11px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}
.rn-clim span{position:absolute;bottom:-19px;left:50%;transform:translateX(-50%);font-size:10.5px;color:var(--muted)}
.rn-pk{display:inline-block;padding:0 5px;border-radius:5px;font-size:11px;color:#fff!important;font-weight:600;margin-left:4px;background:#3f8fd6}
@media (max-width:560px){.rn-bars{height:120px}.rn-bars em,.rn-clim em{font-size:9.5px}}