/*
  Lists and alerts demo: page-specific styles.

  Almost everything reuses .app-* screen classes (the product's own visual
  language) and the design system's own .demo-controls, .exhibit and .app-*
  utility classes. The rules below cover the handful of things neither
  already provides: the inline save-search form's error text spacing.
  Tokens only, no new colours.
*/

.demo-slot[data-demo="lists-alerts"] .app-error {
  margin-top: var(--app-s3, 0.5rem);
}

.demo-slot[data-demo="lists-alerts"] [data-saved-list] button,
.demo-slot[data-demo="lists-alerts"] [data-history-list] {
  word-break: break-word;
}