/* Compact native-text diagrams: two peer capabilities, then a separate training path. */
#agent-architecture-diagram.compact-architecture,
#model-engineering-diagram.compact-architecture{max-width:760px;width:100%;margin:26px auto 0;padding:0;border:1px solid #d7e4f3;border-radius:12px;background:#fff;box-shadow:none;overflow:visible;color:#264d7b;font-size:16px;line-height:1.5}
.compact-architecture *{box-sizing:border-box;min-width:0}
.compact-architecture h4,.compact-architecture h5,.compact-architecture p{margin:0;font-size:16px;line-height:1.5;letter-spacing:0;font-weight:400;overflow-wrap:anywhere;hyphens:auto}
.compact-architecture h4,.compact-architecture h5,.compact-architecture strong{color:#153f75;font-size:16px;line-height:1.5;font-weight:500}
.compact-architecture ul{list-style:none;margin:0;padding:0}
.ca-body{padding:18px 20px 14px}
.ca-context{display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;align-items:center;padding-bottom:14px;border-bottom:1px solid #e5edf7}
.ca-context ul{display:flex;flex-wrap:wrap;gap:4px 16px;color:#5a7292}
.ca-context li{position:relative;max-width:100%}
.ca-context li:not(:last-child)::after{content:'·';position:absolute;inset-inline-end:-10px;color:#8eaacb}
.ca-branches{display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;align-items:center;margin-top:14px}
.ca-stem{position:relative;align-self:center;padding:12px 0;color:#547398}
.ca-stem>span{display:block;color:#0966d8;font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-.02em;direction:ltr;unicode-bidi:isolate}
.ca-stem p{margin-top:6px}
.ca-stem::after{content:'';position:absolute;inset-inline-end:-12px;top:50%;width:12px;height:1px;background:#c1d6f0}
.ca-lanes{position:relative;display:grid;gap:12px}
.ca-lanes::before{content:'';position:absolute;inset-inline-start:-12px;top:25%;bottom:25%;width:1px;background:#c1d6f0}
.ca-lane{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:center}
.ca-lane::before{content:'';position:absolute;inset-inline-start:-12px;top:50%;width:12px;height:1px;background:#c1d6f0}
.ca-lane>h4{color:#547398}
.ca-model-pair{display:grid;grid-template-columns:minmax(0,1.3fr) 22px minmax(0,.85fr);gap:8px;align-items:center}
.ca-lane-heading p{margin-top:4px;color:#526c90;font-size:16px;line-height:1.55}
.ca-node{display:flex;gap:9px;align-items:center;padding:9px 11px;background:#f4f8fe;border-radius:8px;animation:ca-node-signal 12s ease-in-out infinite}
.ca-node>div{flex:1}
.ca-node p{margin-top:3px;color:#526c90}
.ca-node svg{width:27px;height:27px;flex:none;color:#3d84dc}
.ca-models .ca-node:first-child{--ca-delay:1s}
.ca-models .ca-node:last-child{--ca-delay:1s}
.ca-node{animation-delay:var(--ca-delay,0s)}
.ca-parameter-line{font-size:16px!important;white-space:normal;direction:ltr;unicode-bidi:isolate;line-height:1.45!important}
.ca-collaboration-link{display:block;width:22px;height:18px;color:#83a9db}
.ca-agent-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.ca-agent{position:relative;animation:ca-node-signal 12s ease-in-out 1s infinite;border-radius:6px;padding:5px 0}
.ca-agent:not(:last-child)::after{content:'';position:absolute;inset-inline-end:-9px;top:16px;width:7px;height:7px;border:1px solid #76a0d7;border-radius:50%;background:#fff}
.ca-agent p{margin-top:4px;color:#526c90}
.ca-review{display:flex;align-items:center;gap:9px;margin-top:14px;color:#547398}
.ca-review svg{width:18px;height:18px;flex:none;color:#3980d6}
.compact-architecture figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:10px 20px;border-top:1px solid #e5edf7;border-radius:0 0 12px 12px;background:#fff;color:#526c90;font-size:14px;line-height:1.6}
.compact-architecture figcaption>span{overflow-wrap:anywhere;hyphens:auto}
.compact-architecture .diagram-motion-button{font-size:14px;line-height:1.5;min-height:44px;padding:7px 12px;border-color:#c7d9ef;border-radius:6px;background:white}
.ca-engineering-path{display:grid;grid-template-columns:minmax(0,1fr) 15px minmax(0,1.18fr) 15px minmax(0,1.08fr) 15px minmax(0,.98fr);gap:7px;align-items:stretch}
.ca-engineering-node{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:5px 0;animation:ca-node-signal 12s ease-in-out infinite;border-radius:6px}
.ca-engineering-node:nth-child(3){animation-delay:2s}.ca-engineering-node:nth-child(5){animation-delay:4s}.ca-engineering-node:nth-child(7){animation-delay:6s}
.ca-engineering-node>svg{width:34px;height:34px;color:#3d84dc;flex:none}
.ca-engineering-node>p{color:#526c90}
.ca-engineering-arrow{align-self:center;width:15px;height:16px;color:#89acd9}
.ca-optimizations{display:grid;gap:7px;width:100%}
.ca-optimizations li{display:flex;flex-wrap:wrap;column-gap:6px;align-items:baseline;font-size:16px;line-height:1.5}
.ca-optimizations b{font-size:16px;font-weight:500;direction:ltr;unicode-bidi:isolate;color:#0966d8}
.ca-optimizations span{color:#526c90}
.ca-family{display:flex;flex-wrap:wrap;gap:4px 9px;color:#0966d8;font-weight:500;direction:ltr;unicode-bidi:isolate}
.ca-inference-detail{display:grid;gap:4px;color:#526c90}
.ca-engineering-note{display:flex;align-items:center;gap:9px;margin-top:14px;padding-top:12px;border-top:1px solid #e5edf7;color:#547398}
.ca-engineering-note svg{width:18px;height:18px;flex:none;color:#3980d6}
html[dir="rtl"] .compact-architecture .ca-engineering-arrow{transform:scaleX(-1)}
@keyframes ca-node-signal{0%,8%,30%,100%{background-color:transparent}14%,22%{background-color:#edf5ff}}
.compact-architecture .ca-node{background:#f4f8fe;animation-name:ca-card-signal}
@keyframes ca-card-signal{0%,8%,30%,100%{background-color:#f4f8fe}14%,22%{background-color:#e5f0ff}}
@media(max-width:760px){
 .ca-body{padding:18px 16px 14px}
 .ca-context,.ca-branches{grid-template-columns:96px minmax(0,1fr);gap:20px}
 .ca-lane{grid-template-columns:minmax(0,1fr);gap:7px}
 .ca-lanes{gap:15px}
 .ca-model-pair{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}
 .compact-architecture figcaption{padding-inline:16px;align-items:center;flex-direction:row}
 .ca-engineering-path{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:16px 12px}
 .ca-engineering-node:nth-child(3){grid-column:3}
 .ca-engineering-arrow:nth-child(4){display:none}
 .ca-engineering-node:nth-child(5){grid-column:1}
 .ca-engineering-node:nth-child(7){grid-column:3}
 .ca-engineering-node{padding-block:4px}
}
@media(max-width:520px){
 #agent-architecture-diagram.compact-architecture,#model-engineering-diagram.compact-architecture{margin-top:22px;border-radius:10px}
 .ca-context,.ca-branches{grid-template-columns:minmax(0,1fr);gap:10px}
 .ca-context ul{gap:4px 16px}
 .ca-stem{display:flex;align-items:baseline;gap:12px;padding:0 0 4px}
 .ca-stem p{margin:0}
 .ca-stem::after,.ca-lanes::before,.ca-lane::before{display:none}
 .ca-lanes{gap:18px}
 .ca-lane{border-inline-start:2px solid #bdd6f5;padding-inline-start:12px;gap:8px}
 .ca-model-pair{gap:6px;grid-template-columns:minmax(0,1.2fr) 18px minmax(0,.9fr)}
 .ca-node{padding:8px;gap:6px;align-items:flex-start}
 .ca-node svg{display:none}
 .ca-collaboration-link{width:18px}
 .ca-agent-row{gap:12px}
 .ca-agent p{margin-top:6px}
 .ca-review{align-items:flex-start;margin-top:16px}
 .compact-architecture figcaption{gap:12px;align-items:flex-start;flex-direction:column}
 .ca-engineering-path{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:18px 10px}
 .ca-engineering-node{gap:8px}
 .ca-engineering-node>svg{width:28px;height:28px}
 .ca-engineering-note{align-items:flex-start}
}
@media(max-width:360px){.ca-agent-row{grid-template-columns:minmax(0,1fr);gap:6px}.ca-agent{display:flex;flex-wrap:wrap;gap:4px 12px}.ca-agent p{margin:0}.ca-agent:not(:last-child)::after{display:none}}
@media(prefers-reduced-motion:reduce){.compact-architecture:not(.motion-opt-in) *{animation-play-state:paused!important}}