/* The same quiet, framed product demo as the other product pages. */
.launch-demo {
  margin-inline: 0;
  scroll-margin-top: 24px;
}

.launch-demo figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0 28px 20px;
  color: var(--x17-muted);
  font: 11px/1.6 var(--x17-font-mono);
}

.launch-demo button {
  padding: 6px 0;
  border: 0;
  border-bottom: 1px solid var(--x17-border);
  background: transparent;
  color: var(--x17-muted);
  font: inherit;
  cursor: pointer;
}

.launch-demo button:hover { color: var(--accent); }
.launch-demo button:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }

@media (max-width: 720px) {
  .launch-demo canvas { height: 290px; }
  .launch-demo figcaption { padding: 0 22px 18px; }
}