.water-page { --hr-accent: #126c77; }
.water-page .hr-hero { background: #edf4f6; }
.water-page .hr-hero-grid { grid-template-columns: 1fr 1fr; }
.water-page .hr-hero-visual { margin: 40px 0; }
.water-page .hr-hero-visual > img { object-position: 45% center; }
.water-page .hr-hero h1 { font-size: clamp(34px, 3.7vw, 52px); }
.water-page .hr-lead { font-size: 20px; }
.water-mechanisms { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 28px; }
.water-mechanisms article { border-top: 2px solid #96bac2; padding-top: 24px; }
.water-mechanisms span, .water-service-grid article > span { font-size: 14px; color: #57858e; }
.water-mechanisms h3 { margin: 14px 0 10px; font-size: 22px; }
.water-mechanisms p { margin: 0; font-size: 16px; }
.water-note { font-size: 14px; color: #5f7583; line-height: 1.9; margin: 24px 0 0; }
.water-platforms { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.water-platforms article { padding: 36px; background: #fff; border-top: 3px solid #126c77; }
.water-platforms h3 { margin: 20px 0 16px; font-size: 27px; line-height: 1.55; }
.water-flow { display: flex; flex-wrap: wrap; list-style: none; padding: 0; gap: 12px; margin: 26px 0; }
.water-flow li { background: #eef5f6; padding: 8px 12px; font-size: 14px; color: #23566b; }
.water-flow li:not(:last-child)::after { content: ' →'; padding-left: 8px; }
.water-equipment-detail { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; margin: 48px 0; }
.water-equipment-detail figure { margin: 0; }
.water-equipment-detail img { width: 100%; height: auto; }
.water-equipment-detail figcaption { font-size: 12px; color: #627785; margin-top: 10px; }
.water-equipment-detail h3 { font-size: 27px; margin: 0 0 20px; }
.water-equipment-detail ul { padding-left: 20px; line-height: 2; }
.water-industry-list > article { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; padding: 42px 0; border-top: 1px solid #d6e1e6; scroll-margin-top: 100px; }
.water-industry-list h3 { font-size: 28px; line-height: 1.5; margin: 16px 0; }
.water-industry-list h4 { color: #184257; margin: 0 0 10px; font-size: 17px; }
.water-industry-list p { margin: 0 0 22px; }
.water-service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
.water-service-grid article { border-top: 1px solid #4b6a80; padding-top: 25px; }
.water-service-grid h3 { font-size: 23px; margin: 16px 0 12px; }
.water-service-grid p { margin: 0; }
.water-service-grid article > span { color: #a8c9d1; }
.water-validation { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.water-validation article { padding: 30px; background: #eef4f6; border-top: 3px solid #126c77; }
.water-validation article > span { font-size: 14px; color: #356575; }
.water-validation h3 { font-size: 25px; margin: 16px 0; }
.water-validation strong { font-size: 14px; color: #265e6d; font-weight: 600; }
.water-economics { margin-top: 32px; padding: 28px 32px; border-left: 3px solid #126c77; background: #f5f8f9; }
.water-economics h3 { margin: 0 0 14px; font-size: 24px; }
.water-economics p:last-child { margin-bottom: 0; }
.water-contact-checklist { background: #edf4f6; padding: 36px; }
.water-contact-checklist h3 { margin: 0 0 20px; font-size: 25px; }
.water-contact-checklist ul { padding-left: 20px; line-height: 2.2; }
.water-contact-checklist p { font-size: 14px; margin: 22px 0; }
@media(max-width:900px) {
 .water-page .hr-hero-grid, .water-equipment-detail, .water-industry-list > article { grid-template-columns: 1fr; gap: 28px; }
 .water-page .hr-hero-visual { margin: 0 0 36px; }
 .water-mechanisms, .water-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .water-platforms, .water-validation { grid-template-columns: 1fr; }
}
@media(max-width:600px) {
 .water-mechanisms, .water-service-grid { grid-template-columns: 1fr; }
 .water-platforms article, .water-validation article, .water-contact-checklist { padding: 26px 22px; }
 .water-page .hr-lead { font-size: 18px; }
 .water-economics { padding: 24px; }
}
