/* Short demo (homepage + /demo/, Ravi 12 Oct): sound button bottom-left, captions top-right (clear of the on-screen
   cost note). /assets/ is cached for a year: a changed file needs a new name. */
.demo-frame{position:relative}
.demo-short video{cursor:pointer}
.demo-short video[controls]{cursor:auto}
.demo-sound,.demo-cc{position:absolute;display:inline-flex;align-items:center;gap:8px;font:600 1rem/1 var(--body);
  padding:14px 20px;border-radius:var(--radius-s);border:1px solid transparent;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.45)}
.demo-sound{left:16px;bottom:16px;background:var(--teal);color:#06231b}
.demo-sound:hover{background:#5ee3c1}
.demo-sound[aria-pressed="true"]{background:rgba(10,19,32,.85);color:var(--ink);border-color:var(--line)}
.demo-cc{right:16px;top:16px;padding:12px 14px;font-size:.9rem;background:rgba(10,19,32,.85);color:var(--ink);border-color:var(--line)}
.demo-cc[aria-pressed="true"]{border-color:var(--teal);color:var(--teal)}
.demo-sound[hidden],.demo-cc[hidden]{display:none}
@media (max-width:480px){.demo-sound{left:12px;bottom:12px;padding:12px 16px}.demo-cc{right:12px;top:12px}}