.app-demos{margin:24px 0;border:1px solid #d5e3d8;border-radius:18px;background:#fff;scroll-margin-top:24px}.app-demos>summary{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;font-weight:700;font-size:21px;cursor:pointer;color:#173e55;list-style:none}.app-demos>summary::-webkit-details-marker{display:none}.app-demos-body{padding:0 24px 24px}.app-demos-body>p{color:#617973;max-width:780px}.app-demos .demo-language-label{display:flex;align-items:center;gap:12px;margin:18px 0}.app-demos select{width:auto;max-width:220px}.app-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.app-demo-card{padding:20px;background:#f5f8f3;border-radius:16px;min-width:0}.app-demo-card h3{font-size:23px;color:#173e55}.app-demo-card>p{min-height:70px;line-height:1.6;color:#617973}.app-demos .demo-player{max-width:340px;margin:0 auto;border:0;box-shadow:none}.app-demos video{display:block;width:100%;aspect-ratio:9/16;background:#f5f8f3}.app-demos .demo-info{margin-top:16px}.app-demos .demo-voice-play{display:block;background:#408951;color:white;border:0;padding:13px 20px;border-radius:9px;font:inherit;font-weight:600;cursor:pointer;margin:0 0 18px}.app-demos .demo-language-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.app-demos .demo-language-tabs button{background:white;color:#173e55;border:1px solid #cbdcd0;padding:8px 12px;border-radius:7px;cursor:pointer}.app-demos .demo-language-tabs button[aria-pressed=true]{background:#408951;color:#fff}.app-demos .demo-chapters{display:grid;gap:0;margin:15px 0}.app-demos .demo-chapters button{display:flex;gap:12px;text-align:start;align-items:center;border:0;border-bottom:1px solid #dce7df;background:transparent;padding:10px 0;color:#173e55;cursor:pointer}.app-demos .demo-chapters span{font-size:12px;color:#617973;font-variant-numeric:tabular-nums}.app-demos .demo-chapters b{font-weight:500}.app-demos .demo-download{color:#408951}.app-demos .demo-sample-note{font-size:12px;line-height:1.7;margin-top:22px}.app-demos-body[dir=rtl] .demo-chapters button{text-align:right}@media(max-width:700px){.app-demo-grid{grid-template-columns:1fr}.app-demos-body{padding:0 14px 20px}.app-demo-card{padding:15px}.app-demo-card>p{min-height:0}}
.app-demos .demo-chapters[hidden]{display:none}