/* demo/browser/demo.css — the strip above the app, and the wait while the demo loads */
.demo-strip {
  display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); align-items: baseline; justify-content: space-between;
  padding: var(--space-2) var(--space-5); background: var(--surface-2); border-bottom: 1px solid var(--line);
  color: var(--ink-muted); font-size: 13px; line-height: 1.5;
}
.demo-strip p { margin: 0; max-width: 92ch; }
.demo-strip b { color: var(--ink); font-weight: 600; }
.demo-links { display: flex; flex-wrap: wrap; gap: var(--space-4); white-space: nowrap; }
.demo-links a { color: var(--brand); }
.demo-wait { max-width: 56ch; margin: 18vh auto 0; padding: 0 var(--space-5); text-align: center; color: var(--ink-muted); }
.demo-wait p { margin: 0 0 var(--space-2); }
.demo-wait-title { color: var(--ink); font-size: 20px; font-weight: 600; }
.demo-wait-step::after { content: "…"; }
.demo-wait-note { font-size: 13px; }
.demo-wait a { color: var(--brand); }
@media print { .demo-strip, .demo-wait { display: none; } }
/* Nothing to connect to here: the suggestions are already in the demo's data */
.topbar a[href$="connect=1"] { display: none; }