.jd-rain-peak{box-sizing:border-box;min-width:0;padding:1rem;border:1px solid var(--border,rgba(128,140,156,.3));border-radius:1rem;background:var(--surface,rgba(128,140,156,.06));color:inherit}.jd-rain-peak h4{margin:0 0 .65rem;font-size:1rem;line-height:1.35}.jd-rain-value{display:block;font-size:1.35rem;font-weight:700;line-height:1.3}.jd-rain-time,.jd-rain-coverage{display:block;font-size:.8rem;line-height:1.45;margin-top:.35rem;color:inherit;opacity:.8}.jd-rain-ties{font-size:.8rem;line-height:1.4;margin-top:.4rem}.jd-rain-ties summary{cursor:pointer}.jd-rain-ties ul{padding-left:1.2rem;max-height:10rem;overflow:auto}.climatepro-monthly-table .jd-rain-value{font-size:1rem}.climatepro-monthly-table td:last-child{min-width:10rem}.rh-rain-detail .jd-rain-value{display:none}.rh-rain-detail{margin-top:.3rem;white-space:normal;max-width:12rem;text-align:right;font-weight:400}.jd-rain-peak img{display:block;max-width:100%;border-radius:.65rem;margin-top:.65rem}.jd-rain-peak button[data-photo]{padding:0;border:0;background:none;cursor:pointer;width:100%}
@media(min-width:641px){.mc-extremes:has(>.jd-rain-peak){grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.mc-extremes>.jd-rain-peak{grid-column:1/-1}.mc-extremes>.jd-rain-peak img{max-height:12rem;object-fit:cover}}

/* Summary cards inherit the existing monthly/annual type, spacing, surfaces and units. */
.jd-rain-peak:is(.ms-card,.ys-card){min-width:0;background:var(--card);display:grid;align-content:start;gap:6px;padding:12px;border-radius:var(--radius);box-shadow:var(--shadow-1)}
.jd-rain-peak :is(.ms-main,.ys-main){margin:0;font:400 27px/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.1px;color:var(--text)}
.jd-rain-peak :is(.ms-unit,.ys-unit){font:400 13px/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--muted)}
.jd-rain-peak :is(.ms-sub,.ys-sub){margin:0;font:400 13px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--muted);opacity:1}
.extended-detail-page .ed-summary-shell .jd-rain-peak{--summary-accent:#ec4899}
@media(min-width:920px){.jd-rain-peak :is(.ms-main,.ys-main){font-size:28px}}