.demo-banner {
  flex: none; order: 0; display: flex; flex-direction: row; align-items: center;
  gap: 6px 14px; flex-wrap: wrap; padding: 7px 16px;
  color: var(--warn-text); background: var(--warn-bg); border-bottom: 1px solid var(--line);
  font-size: 12px; line-height: 1.4;
}
.demo-banner strong { font-size: 11px; letter-spacing: .08em; white-space: nowrap; }
.demo-banner span { flex: 1; min-width: 180px; }
.demo-banner button { font: inherit; padding: 3px 9px; white-space: nowrap; }
@media (max-width: 600px) {
  .demo-banner { gap: 4px 8px; padding: 6px 10px; }
  .demo-banner span { min-width: 0; flex-basis: calc(100% - 90px); }
  .demo-banner button { margin-left: auto; }
}