.root-improvement-heading {
  padding-block: 48px 40px;
}

.root-improvement-heading h1 {
  max-width: 980px;
  font-size: clamp(34px, 4.1vw, 52px);
  line-height: 1.45;
}

.root-improvement-article {
  color: #173d34;
}

.root-copy-section {
  padding-block: 76px;
}

.root-reading-column {
  width: min(820px, calc(100% - 40px));
  margin-inline: auto;
}

.root-reading-column > p {
  margin: 0 0 30px;
  font-size: 18px;
  line-height: 2;
}

.root-reading-column > h2 {
  position: relative;
  margin: 0 0 38px;
  padding: 0 0 18px 26px;
  border-bottom: 1px solid #a9c4b3;
  font-size: 31px;
  line-height: 1.65;
}

.root-reading-column > h2::before {
  position: absolute;
  inset: 7px auto 18px 0;
  width: 5px;
  background: #16775d;
  content: "";
}

.root-reading-column .root-lede {
  margin-bottom: 38px;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.85;
  color: #0d4638;
}

.root-reading-column .root-statement,
.root-reading-column .root-conclusion {
  margin-block: 42px;
  padding: 24px 28px;
  border-left: 5px solid #16775d;
  background: #e7f1e9;
  color: #0d4638;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.85;
}

.root-reading-column .root-conclusion {
  border-left-color: #d96f32;
  background: #fff3e8;
}

.root-reading-column .root-pull {
  margin-block: 40px;
  padding: 18px 0;
  border-block: 1px solid #8db4a0;
  color: #0d4638;
  font-size: 27px;
  font-weight: 800;
  line-height: 1.7;
  text-align: center;
}

.root-reading-column .root-pull-warm {
  border-color: #d7a27c;
  color: #943f1a;
  font-size: 22px;
}

.root-explainer {
  width: min(720px, 100%);
  margin: 50px auto;
  padding: 7px;
  border: 1px solid #a9c4b3;
  background: #fff;
}

.root-explainer img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 720px) {
  .root-improvement-heading {
    padding-block: 30px 26px;
  }

  .root-improvement-heading h1 {
    font-size: 30px;
    line-height: 1.55;
  }

  .root-copy-section {
    padding-block: 50px;
  }

  .root-reading-column {
    width: min(100% - 32px, 820px);
  }

  .root-reading-column > p {
    margin-bottom: 24px;
    font-size: 17px;
    line-height: 1.95;
  }

  .root-reading-column > h2 {
    margin-bottom: 28px;
    padding: 0 0 14px 18px;
    font-size: 25px;
    line-height: 1.6;
  }

  .root-reading-column > h2::before {
    inset-block: 5px 15px;
    width: 4px;
  }

  .root-reading-column .root-lede {
    margin-bottom: 30px;
    font-size: 20px;
  }

  .root-reading-column .root-statement,
  .root-reading-column .root-conclusion {
    margin-block: 32px;
    padding: 20px 18px;
    font-size: 19px;
  }

  .root-reading-column .root-pull,
  .root-reading-column .root-pull-warm {
    margin-block: 32px;
    padding: 16px 4px;
    font-size: 21px;
    text-align: left;
  }

  .root-explainer {
    margin-block: 36px;
    padding: 4px;
  }
}