/* The static demo (ARCH.md §16 #89): the banner and the toast, in the ledger's own tokens. */
.demo-banner { display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; align-items: center; padding: 0.45rem 1rem; font-size: 13px; background: var(--stamp); color: var(--surface); }
.demo-banner a { color: inherit; text-decoration: underline; }
.demo-toast { position: fixed; left: 50%; bottom: 1.5rem; transform: translate(-50%, 1rem); padding: 0.6rem 1rem; border-radius: var(--radius, 6px); background: var(--ink); color: var(--paper); font-size: 13.5px; opacity: 0; pointer-events: none; transition: opacity 150ms ease, transform 150ms ease; z-index: 50; max-width: 90vw; }
.demo-toast.shown { opacity: 1; transform: translate(-50%, 0); }
.demo-note { margin-top: 1rem; font-size: 13px; }