/* "Try the intake on us" click-through. Loaded after /style.css and uses its
   tokens (--paper, --surface, --soft, --ink, --muted, --accent, --line, --radius).
   No new colour literals: the site's three palettes (light, dark, print) stay
   the only place colours are defined. Served under the live CSP
   (style-src 'self'), so this file is the only styling the demo adds. */

.try-shell { max-width: 44rem; padding-block: 2.5rem 3rem; }

.try-banner {
  margin: 0 0 1.5rem;
  padding: .75rem 1rem;
  border: 2px solid var(--accent);
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--ink);
  font-size: .95rem;
}

.try .try-step { max-width: none; }
.try-step { margin: 0 0 1rem; color: var(--muted); font-family: var(--sans); font-size: .9rem; font-weight: 650; letter-spacing: .02em; line-height: 1.4; }
.try .try-panel-title { font-size: clamp(1.35rem, 2.4vw, 1.65rem); line-height: 1.25; }
.try-title { margin: 0 0 1rem; }
.try-note { color: var(--muted); }

.try-msg {
  max-width: 34rem;
  margin: 0 0 1rem;
  padding: .75rem 1rem;
  border-radius: var(--radius);
  line-height: 1.5;
}
.try-msg p { margin: 0; }
.try-msg .try-who { margin-bottom: .25rem; color: var(--muted); font-size: .8rem; font-weight: 650; text-transform: uppercase; letter-spacing: .04em; }
.try-bot { background: var(--surface); border: 1px solid var(--line); }
.try-visitor { margin-left: auto; background: var(--soft); border: 1px dashed var(--line); }

.try-choices { display: grid; gap: .75rem; margin: 1.5rem 0; padding: 0; list-style: none; }
.try-choices li { margin: 0; }

.try-back { margin: 1.5rem 0 0; }
.try-cta { max-width: 22rem; margin: 1rem 0 1.5rem; }
.try-cta-title { margin: 2.5rem 0 .75rem; }

.try .handoff-panel { margin: 0 0 1rem; }
.try .flow { margin: 1.5rem 0; }

@media print {
  .try-choices, .try-back { display: none; }
}