/* Scoped inbox demonstration styles; existing site styles remain unchanged. */
.inbox-demo{margin:2rem 0;padding:clamp(1rem,3vw,1.75rem);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.inbox-demo h3{margin:0 0 1rem;color:var(--ink)}
.inbox-demo-video{display:block;width:100%;height:auto;background:var(--bg);border-radius:10px}
.inbox-demo-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}
.inbox-demo-actions button{font:inherit;cursor:pointer}
.inbox-demo-actions [hidden]{display:none}
.inbox-demo-status,.inbox-demo figcaption{color:var(--ink-soft);font-size:.9rem;line-height:1.5}
.inbox-demo figcaption{margin-top:.75rem}
.inbox-demo button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}


/* Comfortable touch targets across the staged site. */
.btn{min-height:44px;min-width:44px}