/* Match visible editorial feature copy to the recommendations section. */
:is(
  .ypc-sequence-morph .story-copy--build,
  .ypc-sequence-morph .story-copy--play,
  #iphone-library .ys-feature-copy,
  #iphone-builder .ysb-copy,
  #sequence-recommendations .ys-feature-copy,
  .ys-feature--practice .ys-feature-copy
) > h2 {
  color: #242e2a;
  font-family: Centra, sans-serif;
  font-size: clamp(3.1rem, 3.4vw, 4.4rem);
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.15;
  text-transform: none;
}

:is(
  .ypc-sequence-morph .story-copy--build,
  .ypc-sequence-morph .story-copy--play,
  #iphone-library .ys-feature-copy,
  #iphone-builder .ysb-copy,
  #sequence-recommendations .ys-feature-copy,
  .ys-feature--practice .ys-feature-copy
) > p {
  color: #625d67;
  font-family: Centra, sans-serif;
  font-size: 1.55rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.7;
  text-transform: none;
}

@media (max-width: 749px) {
  :is(
    .ypc-sequence-morph .story-copy--build,
    .ypc-sequence-morph .story-copy--play,
    #iphone-library .ys-feature-copy,
    #iphone-builder .ysb-copy,
    #sequence-recommendations .ys-feature-copy,
    .ys-feature--practice .ys-feature-copy
  ) > h2 { font-size: 3rem; }

  :is(
    .ypc-sequence-morph .story-copy--build,
    .ypc-sequence-morph .story-copy--play,
    #iphone-library .ys-feature-copy,
    #iphone-builder .ysb-copy,
    #sequence-recommendations .ys-feature-copy,
    .ys-feature--practice .ys-feature-copy
  ) > p { font-size: 1.4rem; }
}