page-background.css

/* The page wash is a fixed image, painted at its natural size with
   background-attachment: fixed. On a phone that image ends in a hard line
   as you scroll. Fill the screen instead, and let the image scroll with
   the fixed layer so iOS does not clip it. */
span[style*="features-bg"] {
  background-attachment: scroll !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center bottom !important;
}

/* The green wash belongs to the homepage only. Only index.mdx carries the
   data-graphify-home marker; every other page drops the image. */
body:not(:has([data-graphify-home])) span[style*="features-bg"] {
  display: none !important;
}

/* Dark mode uses a plain near-black page, no wash. docs.json needs a dark
   image, so it points at the light one and this rule hides it. */
html.dark span[style*="features-bg"] {
  display: none !important;
}