/* Optional art study. Source component and selected text-only homepage stay intact. */
[data-art-study="handmade-props"] .st-personalization__prop {
  display: block;
  width: 120px;
  height: 120px;
  object-fit: contain;
  margin: 0 auto 24px;
}
.testimonials[data-surface="soft"] { background: var(--quote-paper); }
.testimonials[data-surface="soft"] .testimonial-card { background: var(--paper); }
@media (max-width: 700px) {
  /* The benefits follow Jules; preserve the drawing scene's compact exit
     into Wonder Words instead of leaving its composer-clearance strip. */
  .js .recommended-home .drawing-film + #wonder-words { margin-top: -80px; }
  [data-art-study="handmade-props"] .st-personalization__points li {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    column-gap: 16px;
    align-content: start;
  }
  [data-art-study="handmade-props"] .st-personalization__prop {
    grid-column: 1;
    grid-row: 1 / 3;
    width: 80px;
    height: 80px;
    margin: 0;
    place-self: center;
  }
  [data-art-study="handmade-props"] :is(h3, .st-personalization__points p) { grid-column: 2; }
}
@media (prefers-reduced-motion: reduce) {
  .js .recommended-home .drawing-film + #wonder-words { margin-top: 0; }
}
@media (max-width: 360px) {
  [data-art-study="handmade-props"] .st-personalization__points li { grid-template-columns: 64px minmax(0, 1fr); column-gap: 12px; }
  [data-art-study="handmade-props"] .st-personalization__prop { width: 64px; height: 64px; }
}