/* Website chat: original Waymark paper/map; the chat window is a code-native, non-interactive example. */
.chat-review .ch-walk { padding: calc(var(--bar-h) + 40px) 9vw 48px; background: var(--mapground) var(--run-2) center top / max(var(--sheet-w), 100%) auto repeat-y; background-blend-mode: multiply; }
.chat-review .ch-walk * { min-inline-size: 0; }
.chat-review .ch-walk p { margin: 0; font-size: 19px; line-height: 1.5; text-wrap: pretty; }
.chat-review .ch-walk p + p { margin-top: 15px; }
.chat-review .ch-walk a { text-underline-offset: 4px; }
.chat-review .ch-walk .ch-eyebrow { margin: 0 0 16px; color: var(--orange); font: 650 16px/1.35 var(--font-body); }
.chat-review .ch-opening { max-inline-size: 900px; padding-bottom: 40px; }
.chat-review .ch-opening h1 { margin: 0 0 24px; max-inline-size: 18ch; font-size: clamp(2.8rem, 2rem + 3vw, 4.8rem); line-height: 1.1; text-wrap: pretty; }
.chat-review .ch-opening .ch-lead { font-size: clamp(1.3rem, 1rem + .8vw, 1.65rem); line-height: 1.4; max-inline-size: 53ch; }
.chat-review .ch-opening .btn { margin-top: 24px; }
.chat-review .ch-walk .btn-ink { color: var(--paper); white-space: normal; text-align: center; }
.chat-review .ch-opening .ch-opening-note { margin-top: 15px; font-size: 16px; }
.chat-review .ch-section { padding-block: 42px; border-top: 2px solid var(--ink-line); scroll-margin-top: calc(var(--bar-h) + 24px); }
.chat-review .ch-walk h2 { margin: 0 0 20px; font-size: clamp(2rem, 1.3rem + 1.9vw, 3.4rem); line-height: 1.15; text-wrap: pretty; }
.chat-review .ch-walk h3 { margin: 0 0 12px; font-size: 24px; line-height: 1.25; text-wrap: pretty; }
.chat-review .ch-split, .chat-review .ch-fair { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 6vw; }
.chat-review .ch-heading h2 { max-inline-size: 20ch; }
.chat-review .ch-heading > p { max-inline-size: 43ch; }
.chat-review .ch-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.chat-review .ch-feature-grid p { font-size: 18px; }
.chat-review .ch-feature-grid h3 { font-size: 23px; }
.chat-review .ch-example-heading { display: grid; grid-template-columns: 1.15fr 1fr; align-items: end; gap: 5vw; margin-bottom: 28px; }
.chat-review .ch-example-heading h2 { margin-bottom: 0; }
.chat-review .ch-board { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 34px; padding: 34px; background: var(--paper); border: 1px solid var(--ink-line); box-shadow: 0 8px 0 #213e2e0c; align-items: start; }
.chat-review .ch-window { margin: 0; max-inline-size: 520px; border: 1px solid #244236; background: #f9f4e6; color: #244236; box-shadow: 6px 7px 0 #2442361c; }
.chat-review .ch-window-bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 12px; padding: 14px 18px; background: #244236; color: #f9f4e6; }
.chat-review .ch-window-title { font: 21px/1.2 var(--font-display); }
.chat-review .ch-window-ai { font: 650 12px/1 var(--font-body); letter-spacing: .08em; text-transform: uppercase; border: 1px solid currentColor; padding: 5px 8px; }
.chat-review .ch-walk .ch-window-intro { padding: 14px 18px 0; font-size: 15px; }
.chat-review .ch-thread { display: grid; gap: 12px; padding: 16px 18px; }
.chat-review .ch-thread p { margin: 0; padding: 10px 13px; font-size: 16px; line-height: 1.4; max-inline-size: 88%; }
.chat-review .ch-thread .ch-guest { justify-self: end; background: #244236; color: #f9f4e6; }
.chat-review .ch-thread .ch-bot { justify-self: start; background: #fff; border: 1px solid #24423655; }
.chat-review .ch-who { display: block; margin-bottom: 2px; font: 650 11px/1.3 var(--font-body); letter-spacing: .08em; text-transform: uppercase; opacity: .75; }
.chat-review .ch-window-input { margin: 0 18px; padding: 12px 14px; border: 1px solid #244236; background: #fff; font-size: 15px; color: #4F6159; }
.chat-review .ch-walk .ch-window-note { padding: 12px 18px 0; font-size: 13px; line-height: 1.4; }
.chat-review .ch-fake-link { text-decoration: underline; text-underline-offset: 3px; }
.chat-review .ch-window figcaption { margin-top: 14px; padding: 12px 18px; border-top: 1px solid #24423633; font-size: 13px; line-height: 1.4; }
.chat-review .ch-board-notes h3 { font-size: 23px; }
.chat-review .ch-board-notes p { font-size: 17px; }
.chat-review .ch-board-link { margin-top: 20px; }
.chat-review .ch-limit-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ink-line); }
.chat-review .ch-limit-list li { padding-block: 16px; border-bottom: 1px solid var(--ink-line); font-size: 18px; line-height: 1.5; }
.chat-review .ch-plan-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; margin-block: 30px; }
.chat-review .ch-plan-grid article { border-top: 2px solid var(--ink-line); padding-top: 24px; }
.chat-review .ch-plan-grid h3 { color: var(--green); font-size: 28px; }
.chat-review .ch-plan-grid h3 span { display: block; margin-top: 8px; font: 650 19px/1.4 var(--font-body); }
.chat-review .ch-plan-grid p { font-size: 18px; }
.chat-review .ch-plan-grid .ch-plan-line { font-weight: 650; }
.chat-review .ch-plan-grid a { display: inline-block; margin-top: 18px; font-size: 17px; }
.chat-review .ch-plan-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 28px; margin-top: 28px; font-size: 17px; }
.chat-review .ch-answers { border-top: 1px solid var(--ink-line); }
.chat-review .ch-answers details { border-bottom: 1px solid var(--ink-line); padding-block: 14px; }
.chat-review .ch-answers summary { cursor: pointer; font-weight: 650; font-size: 19px; line-height: 1.4; padding-block: 4px; }
.chat-review .ch-answers summary::marker { color: var(--orange); }
.chat-review .ch-answers details p { margin-top: 13px; font-size: 17px; }
.chat-review #closing-invitation .wp { animation: none; }
@media (max-width: 63.99rem) {
  .chat-review .ch-walk { padding: calc(var(--bar-h) + 34px) 6vw 40px; }
  .chat-review .ch-opening h1 { font-size: clamp(2.8rem, 5.5vw, 4rem); }
  .chat-review .ch-split, .chat-review .ch-fair { grid-template-columns: 1fr; gap: 28px; }
  .chat-review .ch-heading h2 { max-inline-size: 25ch; }
  .chat-review .ch-heading > p { max-inline-size: 62ch; }
  .chat-review .ch-example-heading { grid-template-columns: 1fr; gap: 18px; }
  .chat-review .ch-board { grid-template-columns: 1fr; gap: 28px; padding: 28px; }
}
@media (max-width: 43.99rem) {
  .chat-review .ch-walk { padding: calc(var(--bar-h) + 26px) 24px 30px; }
  .chat-review .ch-opening { padding-bottom: 32px; }
  .chat-review .ch-opening h1 { font-size: clamp(2.45rem, 8vw, 3.4rem); }
  .chat-review .ch-opening .btn { max-inline-size: 100%; padding-inline: 18px; }
  .chat-review .ch-section { padding-block: 32px; }
  .chat-review .ch-walk h2 { font-size: 34px; }
  .chat-review .ch-feature-grid, .chat-review .ch-plan-grid { grid-template-columns: 1fr; gap: 25px; }
  .chat-review .ch-board { padding: 20px 12px; }
  .chat-review .ch-thread p { max-inline-size: 94%; }
  .chat-review .ch-plan-actions { flex-direction: column; align-items: flex-start; gap: 22px; }
}