/* Article-specific extensions to the shared blog template. */
.blog-article-header .blog-cover:has(.agent-visual){aspect-ratio:auto;overflow:visible}
.agent-visual{font-size:15px;line-height:1.45;padding:24px 18px;background:var(--surface,#f2eff6);border-radius:16px;color:var(--ink,#292333)}
.agent-visual p{margin:0 0 14px}
.agent-visual-title{font-weight:700;font-size:20px;line-height:1.25}
.agent-flow{position:relative;display:grid;gap:17px;padding-left:22px}
.agent-step,.agent-branch{position:relative;padding:10px 12px;border:1px solid #d8cee9;border-radius:8px;background:#fff}
.agent-step:nth-child(-n+4)::after{content:'↓';position:absolute;left:50%;bottom:-21px;color:#59379b;font-weight:700}
.agent-step b{color:#59379b;margin-right:6px}
.agent-branches{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.agent-branch strong{display:block;margin-bottom:4px}
.agent-return{border:1px dashed #59379b;background:#f6f2fc}
.agent-return-label{display:block;margin-top:8px;color:#59379b;font-weight:600}
.agent-forward::after{content:'↓';position:absolute;left:50%;bottom:-21px;color:#59379b;font-weight:700}
.agent-loop{position:absolute;left:4px;top:73px;bottom:85px;width:18px;border:2px solid #59379b;border-right:0;border-radius:10px 0 0 10px;pointer-events:none}
.agent-loop::before{content:'➜';position:absolute;right:-5px;top:-13px;color:#59379b}
.blog-copy-template pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:16px;line-height:1.7;margin:0 0 24px;user-select:text}
.blog-copy-template button[hidden]{display:none}
.blog-prose .blog-copy-status{font-size:15px;line-height:1.5;margin:12px 0 0}
.blog-copy-template button:focus-visible,.blog-agent-cta a:focus-visible{outline:3px solid #59379b;outline-offset:4px}
.blog-prose .blog-agent-cta h3{margin-top:0}
.blog-prose .blog-agent-cta .button{white-space:normal;color:#fff;max-width:100%;text-align:center}
.blog-prose .blog-agent-cta p:last-child{margin:18px 0 0}
@media(max-width:600px){.agent-branches{grid-template-columns:1fr}.agent-visual{padding:20px 12px}.agent-loop{bottom:170px}.blog-copy-template .button{white-space:normal}}