.demo-try {
  margin: var(--space-20) 0;
}

.demo-try-h {
  margin: 0 0 var(--space-4);
  font-size: var(--text-xl);
}

.demo-try-lede {
  margin: calc(-1 * var(--space-1)) 0 var(--space-5);
  color: var(--ink-soft);
}

.demo-try-how {
  margin-top: var(--space-10);
}


.demo-try-agents {
  margin-top: 0;
  padding-top: var(--space-6);
  border-top: 1px solid var(--rule);
}

.demo-try-agents-h {
  margin: 0 0 var(--space-3);
  font-size: var(--text-sm);
  color: var(--ink-soft);
}

.demo-try-agents-list {
  margin: 0;
  padding-left: 1.25em;
  display: grid;
  gap: var(--space-2);
}

.demo-try-agents-list li::marker { color: var(--ink-dim); }

.demo-try-agents-list a {
  color: var(--accent);
  font-weight: var(--weight-medium);
  text-decoration: none;
}
.demo-try-agents-list a:hover { text-decoration: underline; text-underline-offset: 3px; }

.demo-try-rec {
  margin-left: var(--space-2);
  font-size: var(--text-sm);
  color: var(--ink-dim);
}

.demo-try-note {
  margin: var(--space-4) 0 0;
  font-size: var(--text-sm);
  color: var(--ink-dim);
}

/* The prompt path carries the whole prompt, which can run to pages. It
   wraps rather than scrolling sideways, and stops at a height. */
.ip-pill-box.demo-try-long { max-height: 22rem; overflow-y: auto; }
.ip-pill-box.demo-try-long .ip-text {
  white-space: pre-wrap;
  -webkit-mask-image: none;
          mask-image: none;
}