.main-page__title {
  margin-block-end: 30px;
  text-align: center;
}

@media (min-width: 960px) {
  .main-page__title {
    margin-block-end: 20px;
  }
}

/* Body images: the reference pins the content column to 42rem (672px) and ships a global
   `img { width: 100%; height: auto }`. This theme only sets max-width, so `width` stays `auto`
   and every image renders at the 960px column width — roughly 43% oversized. Constraining the
   images rather than the column keeps the existing text measure untouched.
   Matches only /pages/grow-club (6) and /pages/smart-farms (2); no other page renders
   .main-page__content. */
.main-page__content.rte img {
  display: block;
  width: 100%;
  max-width: 672px;
  height: auto;
  margin-inline: auto;
}