/* The example report (/sample/). Reuses the beta's report styles from
   beta.css, so it looks exactly like a real report, plus a note at the top
   saying it's an example and a waitlist prompt at the end. */

.sample .insight blockquote p::before { content: "Beth said: "; }

.sample-note {
  margin: 0 0 2.5rem;
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--rule);
  border-left: 4px solid var(--amber);
  border-radius: 1rem;
  color: var(--mist);
  font-size: var(--text-sm);
}
.sample-note p { margin: 0 0 0.75rem; }
.sample-note p:last-child { margin-bottom: 0; }
.sample-note .eyebrow {
  color: var(--amber);
  font-weight: var(--weight-extrabold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.sample .report > .row { margin-top: 2.5rem; }

.sample-end {
  margin-top: 3rem;
  padding-top: 2.5rem;
  border-top: 1px solid var(--rule);
}
.sample-end h2 {
  font-size: var(--text-2xl);
  font-weight: var(--weight-black);
  letter-spacing: var(--tracking-heading);
  line-height: var(--leading-snug);
  margin: 0 0 0.75rem;
}
.sample-end p { color: var(--mist); margin: 0 0 1.5rem; }

@media print {
  .sample-end { display: none; }
}