.demo-guide{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(24px,5vw,64px);margin:64px 0;padding:40px 0;border-top:1px solid #ccd1c5;align-items:start}
.demo-guide video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#fbfaf5;border:1px solid #ccd1c5;border-radius:16px}
.demo-guide h2{margin-top:0;overflow-wrap:anywhere}
.demo-guide ol{padding-left:24px;line-height:1.6}
.demo-guide li{margin-bottom:12px}
.demo-guide a{overflow-wrap:anywhere}
.demo-guide .demo-caption{font-size:14px;line-height:1.5;margin-top:12px}
.demo-guide .demo-copy{min-width:0}
@media(max-width:650px){.demo-guide{grid-template-columns:minmax(0,1fr)}.demo-guide .demo-media{max-width:240px;width:100%;margin:auto}.demo-guide{gap:24px;margin:40px 0;padding:24px 0}}
@media print{.demo-guide{display:none!important}}