.mocra-demo .demo-layout{max-width:1000px;margin-inline:auto}
.mocra-demo video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#071423;border:1px solid #284358;border-radius:12px}
.mocra-demo .demo-note{font-size:.95rem;line-height:1.6;margin-top:1rem}
.mocra-demo details{margin-top:1rem;padding:1rem 1.2rem;border:1px solid #284358;border-radius:10px}
.mocra-demo summary{cursor:pointer;font-weight:700}
.mocra-demo .demo-transcript p{margin:.9rem 0;line-height:1.7}
.mocra-demo .demo-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1.5rem}
.mocra-demo video:focus-visible,.mocra-demo summary:focus-visible{outline:3px solid #75d6cd;outline-offset:4px}
@media(max-width:640px){.mocra-demo .demo-actions .btn{width:100%;text-align:center}}
.mocra-demo{scroll-margin-top:100px}