/* Larger learning demonstrations with matching copy, scoped to this chapter. */
.learning.wrap {
  width: min(1360px, calc(100% - 64px));
  max-width: 1360px;
}
.learning .story-row { gap: 48px; }
.learning .story-copy { max-width: 560px; }
.learning .story-copy h3 { font-size: clamp(32px, 2.8vw, 40px); line-height: 1.2; }
.learning .story-copy p { font-size: 20px; line-height: 1.6; }
.learning .learning-demo { transform: scale(1.06); transform-origin: center; }
.learning .learning-capture { position: relative; }
.learning .learning-demo-play { position: absolute; inset: auto 16px 16px auto; z-index: 2; border: 0; border-radius: 8px; padding: 10px 16px; background: #fff; color: #0754b5; font: 600 14px/1.4 Inter, Arial, sans-serif; cursor: pointer; }
.learning .learning-demo-play[hidden] { display: none; }
@media (min-width: 761px) and (max-width: 1050px) {
  .learning.wrap { width: calc(100% - 48px); }
  .learning .story-row { gap: 32px; }
  .learning .story-copy h3 { font-size: 32px; }
  .learning .story-copy p { font-size: 19px; }
}
@media (max-width: 760px) {
  .learning.wrap { width: calc(100% - 32px); }
  .learning .story-row { gap: 28px; }
  .learning .story-copy { max-width: none; }
  .learning .story-copy h3 { font-size: 31px; }
  .learning .story-copy p { font-size: 19px; }
}

@media(max-width:760px){.learning .learning-demo-play{min-width:44px;min-height:44px}}