/*
 * A leader's preview of the taker page (preview.js). Its own sheet because
 * interview.css is past the size where anything more goes in it.
 */

/* Above the wordmark, in flow: a fixed marker landed on the right column's
   heading at some widths, and the body is a grid an extra child would break. */
.preview-banner {
  display: inline-block;
  margin: 0 0 0.9rem;
  padding: 0.3rem 0.8rem;
  border-radius: var(--radius-pill);
  background: #f4efe0;
  color: var(--teal);
  font: 600 var(--fs-label) / 1.4 var(--sans);
  letter-spacing: 0.02em;
}

/* No key to claim or type in a preview; the form is only its button. */
.previewing #claim,
.previewing #manual-key > summary,
.previewing label[for="token"],
.previewing #token {
  display: none;
}