.water-health{background:#fff}.water-health-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end;margin-bottom:50px}.water-health-heading>p{color:var(--muted);line-height:1.85;margin:0}.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.health-card{position:relative;background:#f5fafc;border:1px solid var(--line);overflow:hidden}.health-card::after{content:"";position:absolute;right:-45px;bottom:-70px;width:155px;height:155px;border:24px solid rgba(25,200,226,.08);border-radius:50%;pointer-events:none}.health-card-featured{background:linear-gradient(140deg,#073b67,#07568a);color:#fff;border-color:transparent}.health-illustration{height:260px;margin:0;overflow:hidden}.health-vector{display:grid;place-items:center;color:var(--navy);background:linear-gradient(145deg,#edf9fc,#dff2f7)}.health-vector svg{width:100%;height:100%;display:block}.health-vector svg path,.health-vector svg circle{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.health-vector-safe{color:#fff;background:linear-gradient(145deg,#0879bd,#07466f)}.health-vector-safe .vector-water,.health-vector-safe .vector-drop{fill:rgba(255,255,255,.15)}.health-vector-hydration{color:#0879bd;background:linear-gradient(145deg,#f5fcfe,#ddf5f8)}.health-vector-hydration .vector-sun{stroke:#19c8e2;stroke-width:1.5;stroke-dasharray:7 10}.health-vector-hydration .vector-water,.health-vector-hydration .vector-drop{fill:rgba(25,200,226,.13);stroke:#0879bd}.health-vector-contaminants{color:#073b67;background:linear-gradient(145deg,#eff8fc,#dceef5)}.health-vector-contaminants .vector-big-drop{fill:rgba(25,200,226,.08);stroke:#0879bd}.health-vector-contaminants .particle-a{fill:#43b728;stroke:#43b728}.health-vector-contaminants .particle-b{fill:#df328f;stroke:#df328f}.health-vector-contaminants .molecule{stroke:#19a8c3}.health-vector-compare{color:#073b67;background:linear-gradient(145deg,#eaf8fb,#f6fbfd)}.health-vector-compare .microbe{color:#159bb4}.health-vector-compare .chemical circle:nth-child(1),.health-vector-compare .chemical circle:nth-child(3){fill:rgba(223,50,143,.14);stroke:#df328f}.health-vector-compare .vector-divider{stroke:#b8d9e6;stroke-dasharray:6 9}.health-vector-compare .vector-wave{stroke:#19c8e2}.health-card-body{padding:34px 38px 38px}.health-number{display:block;color:#20bfd6;font-size:12px;font-weight:800;letter-spacing:.14em;margin-bottom:24px}.health-card h3{font-size:27px;line-height:1.25;color:var(--navy);margin-bottom:14px}.health-card-featured h3{color:#fff}.health-card p{color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:25px;max-width:610px}.health-card-featured p{color:#c9dce8}.health-card a,.care-card a{position:relative;z-index:1;color:var(--blue);font-size:13px;font-weight:800;border-bottom:1px solid currentColor}.health-card-featured a{color:#63dff0}.filter-guide{display:grid;grid-template-columns:.68fr 1.32fr;gap:70px;margin-top:24px;padding:64px;background:var(--navy);color:#fff}.filter-guide-intro h3{font-size:46px;line-height:1.14;margin-bottom:24px}.filter-guide-intro p{color:#d4e2ea;font-size:19px;line-height:1.85}.filter-guide-intro .kicker{font-size:13px}.filter-list{border-top:1px solid rgba(255,255,255,.22)}.filter-list div{display:grid;grid-template-columns:220px 1fr;gap:32px;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.2)}.filter-list strong{color:#fff;font-size:20px;line-height:1.45}.filter-list span{color:#d4e2ea;font-size:18px;line-height:1.7}.source-links{grid-column:2;display:flex;flex-wrap:wrap;gap:14px 26px}.source-links a{color:#63dff0;font-size:15px;font-weight:800;border-bottom:1px solid currentColor}.care-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.care-card{display:grid;grid-template-columns:62px 1fr;gap:24px;padding:34px;border:1px solid var(--line)}.care-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#e5f8fb;color:var(--blue);font-size:24px;font-weight:700}.care-card h3{color:var(--navy);font-size:21px;margin-bottom:10px}.care-card p{color:var(--muted);font-size:13px;line-height:1.75;margin-bottom:18px}.health-note{margin:24px 0 0;padding:18px 22px;background:#fff8fc;border-left:3px solid var(--pink);color:var(--muted);font-size:12px}.health-note strong{color:var(--navy)}[dir="rtl"] .health-card::after{right:auto;left:-45px}[dir="rtl"] .health-note{border-left:0;border-right:3px solid var(--pink)}
@media(max-width:1050px){.filter-guide{grid-template-columns:1fr;gap:34px}.source-links{grid-column:1}.filter-guide-intro{max-width:720px}}
@media(max-width:900px){.water-health-heading{grid-template-columns:1fr;gap:24px}.care-grid{grid-template-columns:1fr}.health-illustration{height:230px}}
@media(max-width:650px){.health-grid{grid-template-columns:1fr}.health-illustration{height:210px}.health-card-body{padding:28px 25px 32px}.filter-guide{padding:40px 25px}.filter-guide-intro h3{font-size:36px}.filter-guide-intro p{font-size:18px}.filter-list div{grid-template-columns:1fr;gap:9px;padding:22px 0}.filter-list strong{font-size:20px}.filter-list span{font-size:17px}.care-card{grid-template-columns:1fr;padding:27px 24px}}
@media(prefers-reduced-motion:reduce){.health-illustration img{transition:none}.health-card:hover .health-illustration img{transform:none}}