/* Demo notice banner (spec 11): fixed top slim scrim strip, full
   width, always visible on scroll. Not dismissible: no close control
   exists in the markup and no JS touches this element. Zero
   animation, zero transforms (reduced-motion safe by omission). */
.demo-notice {
  --demo-notice-bg: #e9c253;
  --demo-notice-text: #201604;
  --demo-notice-hairline: #20160440;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9998;
  background: var(--demo-notice-bg);
  border-bottom: 1px solid var(--demo-notice-hairline);
  padding: 9px 16px;
  padding-top: calc(9px + env(safe-area-inset-top, 0px));
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: center;
  color: var(--demo-notice-text);
}