/* Public sample board (/demo). Loaded after notices.css; only demo classes are styled here. */
:root {
  --demo-flag-fg: #6b5322;
  --demo-flag-bg: #fff0ce;
  --demo-flag-line: #e1cb91;
}

.demo-badge {
  display: inline-block;
  margin: 0 0 0.75rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--demo-flag-fg);
  background: var(--demo-flag-bg);
  border: 1px solid var(--demo-flag-line);
  border-radius: 999px;
}

.demo-note {
  margin: 0 0 2rem;
  padding: 1.25rem 1.5rem;
  background: var(--demo-flag-bg);
  border: 1px solid var(--demo-flag-line);
  border-radius: 12px;
}

.demo-note p {
  margin: 0 0 0.5rem;
}

.demo-note p:last-child {
  margin: 0;
}