/* Editorial planning dialogues share the site's existing colour and type tokens. */
.pcj-conversations-intro{max-width:760px}
.pcj-conversation-note{padding:18px 22px;border-left:3px solid var(--brass);background:var(--sand);font-size:14px;max-width:760px}
.pcj-conversation-nav{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px}
.pcj-conversation-nav a{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.pcj-conversation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:44px;padding:52px 0;border-top:1px solid var(--line);scroll-margin-top:100px}
.pcj-conversation h2{font-size:clamp(28px,3vw,38px)}
.pcj-conversation-number{font-family:var(--font-display);color:var(--brass);font-size:42px;line-height:1;margin:0 0 16px}
.pcj-dialogue{display:grid;gap:18px}
.pcj-dialogue-turn{padding:22px 24px;background:var(--sand);border-radius:2px 18px 18px 18px;margin-right:34px}
.pcj-dialogue-turn--team{background:#e9eee8;border-radius:18px 2px 18px 18px;margin:0 0 0 34px}
.pcj-dialogue-speaker{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--ink-2);margin-bottom:8px}
.pcj-dialogue-turn p{margin:0;font-size:16px;line-height:1.7}
.pcj-planning-result{border-top:1px solid var(--line);padding-top:18px;font-size:14px;color:var(--ink-2)}
.pcj-planning-result strong{display:block;color:var(--ink);margin-bottom:5px}
.pcj-conversation-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px}
.pcj-conversation-preview article{border-top:2px solid var(--brass);padding-top:20px;display:flex;flex-direction:column;align-items:flex-start}
.pcj-conversation-preview h3{font-size:24px;margin:0 0 16px}
.pcj-conversation-preview p{font-size:15px;color:var(--ink-2)}
.pcj-conversation-preview .pcj-preview-question{font-family:var(--font-display);font-size:21px;line-height:1.45;color:var(--ink)}
.pcj-conversation-preview a{margin-top:auto;padding-top:12px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.pcj-conversation{grid-template-columns:1fr;gap:24px;padding:36px 0}.pcj-conversation-preview{grid-template-columns:1fr;gap:32px}.pcj-dialogue-turn{margin-right:16px;padding:18px}.pcj-dialogue-turn--team{margin:0 0 0 16px}.pcj-conversation-number{font-size:30px}.pcj-conversation-note{padding:16px 18px}}

/* Keep the next step close to each example without repeating the whole form. */
.pcj-case-next{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.pcj-case-next p{font-size:14px;color:var(--ink-2);margin:0 0 12px}
.pcj-case-next .btn{white-space:normal;text-align:left;max-width:100%}
.pcj-conversation-preview .pcj-preview-plan{margin-top:8px;padding-top:0;font-weight:600}