.agent-steps{display:grid;gap:16px;max-width:980px}
.agent-steps>div{border:1px solid var(--line);padding:24px;background:#fff}
.agent-steps>div>b{display:block;color:var(--navy);font-size:21px;line-height:1.25}
.agent-steps>div>p{margin:12px 0 0;max-width:850px}
.copy-line{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px;padding:15px 18px;background:var(--pale);border-left:4px solid var(--blue)}
.copy-line code{font-family:Arial,Helvetica,sans-serif;font-size:16px;overflow-wrap:anywhere;color:var(--navy)}
.copy-line button{margin-left:auto}
.copy-line button,.agent-prompt button{border:1px solid var(--blue);background:#fff;color:var(--blue);font:inherit;font-size:14px;font-weight:700;padding:7px 12px;cursor:pointer}
.copy-line button:hover,.agent-prompt button:hover{background:var(--mist)}
.agent-prompt{margin-top:18px}
.agent-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:16px;line-height:1.55;margin:15px 0 0}
@media(max-width:560px){.agent-steps>div{padding:18px}.agent-steps>div>b{font-size:19px}.copy-line{align-items:start}.copy-line button{margin-left:0}.agent-prompt>div{align-items:start;flex-direction:column}.agent-prompt pre{font-size:15px}}
@media print{.agent .copy-line button,.agent .agent-prompt button{display:none}.agent-steps>div{break-inside:avoid}}