/* Moodly, "Steering user behavior": the mock-ups inside the three cards are taken from a phone app,
   which is never very wide. In the stacked mobile layout the cards stretch across the screen,
   so what is inside them is capped and centred. At desktop width they are already narrower than the cap. */
.steer-row__ui > * {
  box-sizing: border-box;
  width: 100%;
  max-width: 16rem;
  margin-left: auto;
  margin-right: auto;
}

/* Moodly: every other text size on the page goes up 1px (0.0625rem) too, so the whole page scales together.
   The phone mock-ups inside the cards (steer-nt, steer-pw, steer-bub, msg-bubble) stay as they are,
   since they show the app itself. */
.redesign-v2 .project-page .paragraph > .h2,
.redesign-v2 .project-page .project-summary1 .h2 { font-size: 1.6875rem; }
.redesign-v2 .project-page .h4.bold.section-heading { font-size: 1.4375rem; }
.redesign-v2 .project-page .step-card__num { font-size: 0.875rem; }
.redesign-v2 .project-page .step-card__title,
.redesign-v2 .project-page .feel-row__title,
.redesign-v2 .project-page .steer-row__title { font-size: 1.1875rem; }
.redesign-v2 .project-page .step-card__text,
.redesign-v2 .project-page .feel-row__line,
.redesign-v2 .project-page .steer-row__line,
.redesign-v2 .project-page .summary-row__value,
.redesign-v2 .project-page .edit-list__text,
.redesign-v2 .project-page .reaction-card__quote,
.redesign-v2 .project-page .reaction-card__context,
.redesign-v2 .project-page .flow-carousel__caption { font-size: 1rem; }
.redesign-v2 .project-page .pos-neg-item__text,
.redesign-v2 .project-page .edit-list__title { font-size: 1.0625rem; }
.redesign-v2 .project-page .summary-row__label { font-size: 0.875rem; }
.redesign-v2 .project-page .steer-row__goal-label { font-size: 0.75rem; }
.redesign-v2 .project-page .steer-row__goal-text { font-size: 0.875rem; }
.redesign-v2 .project-page .feel-divider__label,
.redesign-v2 .project-page .caption-small { font-size: 0.9375rem; }