/* Recorded demonstrations retain the complete frame and native playback controls. */
.demo-story { border-top:1px solid var(--line); padding:32px 0; }
.demo-story .section-heading { gap:16px; flex-wrap:wrap; margin-bottom:18px; }
.demo-video { display:block; width:100%; height:auto; aspect-ratio:16 / 9; background:#111; object-fit:contain; }
.demo-story figcaption { margin-top:9px; color:#aaa; font:11px/1.6 var(--mono); }
.demo-notes { display:flex; justify-content:space-between; align-items:start; gap:18px 36px; margin-top:18px; }
.demo-notes>p { max-width:680px; font-size:14px; line-height:1.7; }
.demo-downloads { display:flex; flex-shrink:0; flex-direction:column; gap:8px; }
@media(max-width:700px) {
 .demo-story { padding:24px 0; }
 .demo-notes { flex-direction:column; gap:14px; }
 .demo-downloads { flex-direction:row; flex-wrap:wrap; gap:12px 24px; }
}