/* The water pencil entry becomes a focused, growing learning route. */
.water-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.6fr);align-items:center;gap:72px}
.water-hero-art{width:100%;max-width:290px;height:auto;justify-self:center;mix-blend-mode:multiply}
.water-hero-lead{max-width:650px;margin-top:24px}
.water-learning-page .home-intro{padding-bottom:48px}
.water-next{border-top:1px solid var(--line)}
.water-next-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:72px;align-items:start}
.water-next h2{max-width:590px}
.water-next h3{font-size:25px;margin-bottom:14px}
.water-lesson-status{padding:14px 18px;border-left:3px solid var(--copper);background:#eeeade;color:var(--ink);margin-top:24px}
.water-next-reading{border:1px solid var(--line);border-radius:5px;padding:28px;background:#fdfbf5}
.water-next-reading .hub-links{margin-bottom:0}
@media(max-width:900px){.water-hero-grid,.water-next-grid{gap:32px}}
@media(max-width:680px){
  .water-hero-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .water-hero-art{width:145px;justify-self:start;grid-row:1;margin-top:-12px}
  .water-hero-lead{margin-top:20px}
  .water-next-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .water-next-reading{padding:22px}
  .water-learning-page .home-intro{padding-bottom:34px}
}