.example-playground{margin:40px 0 55px;scroll-margin-top:110px;font-size:1.12rem;line-height:1.7}.example-playground h2{font-size:clamp(1.8rem,3vw,2.5rem)}.example-playground p{max-width:900px}.example-source{color:#526a65;font-size:1rem}.example-player{margin:24px 0;border:1px solid #bccfc7;border-radius:12px;overflow:hidden;background:#e7eee5}.example-player img{display:block;width:100%;height:auto;max-height:540px;object-fit:cover;object-position:top}.example-player button{margin:22px}.example-player iframe{display:block;width:100%;height:760px;border:0}.example-phone{margin:30px 0;padding:24px;border:1px solid #c7d5c8;border-radius:12px;background:#fffdf7}.example-phone img{display:block;width:280px;max-width:100%;height:auto;margin:auto}.example-phone figcaption{margin-top:18px;font-size:1rem;line-height:1.6;color:#526a65}
@media(max-width:650px){.example-player iframe{height:730px}.example-player button{margin:18px;max-width:calc(100% - 36px)}.example-phone{padding:18px}}