/* Local rainfall page refinement; shared styles and website chrome unchanged. */
#rainfall-hero.page-rainfall-hero.page-rainfall-hero { background:#fff !important; border-bottom:1px solid #dce5ef; }
#rainfall-hero.page-rainfall-hero.page-rainfall-hero::before,#rainfall-hero.page-rainfall-hero.page-rainfall-hero::after { content:none !important; }
#rainfall-hero.page-rainfall-hero.page-rainfall-hero .v21-producthero-media { background:#fff !important; border:0 !important; box-shadow:none !important; }
#rainfall-hero.page-rainfall-hero.page-rainfall-hero .v21-producthero-media img,#rainfall-hero.page-rainfall-hero.page-rainfall-hero > img { background:#fff !important; filter:none !important; box-shadow:none !important; object-fit:contain !important; }
.v21-rain-detail { --rain:#3269dd; --ink:#17243c; color:var(--ink); }
.v21-rain-detail > section { background:#fff !important; color:var(--ink) !important; border-bottom:1px solid #dce5ef; }
.v21-rain-detail .eyebrow { color:var(--rain) !important; }
.v21-rain-detail h2,.v21-rain-detail h3 { color:var(--ink) !important; }
.v21-rain-detail p { color:#38506d !important; }
.v21-rain-detail .v21-rain-split figure img { background:#fff !important; box-shadow:none !important; filter:none !important; border-radius:4px !important; }
.v21-rain-detail figcaption { color:#38506d !important; text-align:center; line-height:1.65; }
.v21-rain-detail .v21-rain-grid article { background:transparent !important; box-shadow:none !important; border:0 !important; border-top:2px solid #d6e2f7 !important; border-radius:0 !important; padding:22px 16px 12px 0; }
.v21-rain-detail #rain-system { background:#f4f7fc !important; }
.v21-rain-detail .v21-rain-flow span { background:#fff !important; border:1px solid #dce5ef; border-radius:4px; color:var(--ink); }
.v21-rain-detail .v21-rain-flow small { color:#38506d !important; }
.v21-rain-detail .v21-rain-flow i { color:var(--rain); }
.v21-rain-detail .v21-rain-scene-gallery figure { background:#fff !important; box-shadow:none !important; border:1px solid #dce5ef; border-radius:4px; }
.v21-rain-detail .v21-rain-scene-gallery figcaption { padding:12px 14px; text-align:left; }
.v21-rain-detail .v21-rain-specs { gap:0 32px; }
.v21-rain-detail .v21-rain-specs > div { background:transparent !important; border-radius:0 !important; border-bottom:1px solid #dce5ef; padding:18px 0; }
.v21-rain-detail .v21-rain-specs dt { color:#38506d; }
.v21-rain-detail .v21-rain-specs dd { color:var(--ink); line-height:1.7; }
.v21-rain-detail .v21-rain-note { background:#f4f7fc !important; border-left:3px solid var(--rain) !important; }
.v21-rain-detail .v21-rain-cta { background:#f4f7fc !important; }
@media(min-width:1024px) {
 .v21-rain-detail > section { padding:64px 5% !important; }
 .v21-rain-detail .v21-rain-split { gap:48px; }
 .v21-rain-detail .v21-rain-specs { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .v21-rain-detail #rain-install li { display:grid; grid-template-columns:7em minmax(0,1fr); gap:20px; padding:12px 0; border-bottom:1px solid #dce5ef; line-height:1.75; }
 .v21-rain-detail #rain-install li b { white-space:nowrap; }
 .v21-rain-detail .v21-rain-principle-media img { height:340px; }
}


#rainfall-hero.page-rainfall-hero > img.v21-producthero-media { mix-blend-mode:normal !important; opacity:1 !important; }

/* Editable diagram labels on a shared baseline; original equipment imagery stays intact. */
.v21-rain-detail .v21-rain-system-diagram { position:relative; width:100%; }
.v21-rain-detail .v21-rain-system-diagram > img { display:block; width:100%; height:auto !important; max-height:none; }
.v21-rain-detail .v21-rain-system-label { position:absolute; inset:0; display:block; width:100%; height:100%; pointer-events:none; }