.explanation{--diagram-bg:#f8f8f5;--diagram-border:#c5c7bf;--diagram-ink:#41463f;--diagram-muted:#646a60;--node-bg:#fff;--accent-bg:#e3edf2;--accent-ink:#244e66;border:1px solid var(--diagram-border);border-radius:5px;overflow:hidden;background:var(--diagram-bg);color:var(--diagram-ink);font:12px/1.6 Verdana,Arial,sans-serif}.diagram-bar{padding:6px 12px;border-bottom:1px solid var(--diagram-border);background:linear-gradient(#fafbf8,#e4e6df);font:11px/1.6 monospace;letter-spacing:1px;display:flex;align-items:center;gap:16px}.diagram-dots{font-size:8px;color:#8d9387;letter-spacing:3px}.diagram-content{padding:20px 18px}.diagram-heading{font-weight:bold;margin-bottom:18px}.workflow-flow{list-style:none;padding:0;margin:0;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.workflow-flow>li{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px;min-height:72px;padding:10px 6px;border:1px solid var(--diagram-border);background:var(--node-bg);border-radius:3px;overflow-wrap:anywhere}.workflow-flow>li:not(:last-child)::after{content:"→";position:absolute;left:100%;width:20px;font:18px/1 monospace;color:var(--diagram-muted)}.step-number{font:10px monospace;color:var(--diagram-muted)}.workflow-flow>li:last-child{background:var(--accent-bg);color:var(--accent-ink)}.body .explanation figcaption{margin:0;border-top:1px solid var(--diagram-border);padding:10px 14px;text-align:left;color:var(--diagram-muted)}.goal-node{padding:8px 12px;border:1px dashed var(--diagram-border);text-align:center}.flow-down{text-align:center;font:20px/1.5 monospace;color:var(--diagram-muted)}html[data-theme=dark] .explanation{--diagram-bg:#2c2e29;--diagram-border:#62675c;--diagram-ink:#e0e4d9;--diagram-muted:#bec5b6;--node-bg:#363a32;--accent-bg:#344b55;--accent-ink:#bddced}html[data-theme=dark] .diagram-bar{background:linear-gradient(#464b40,#353a30)}@media(max-width:520px){.diagram-content{padding:16px 14px}.workflow-flow{grid-template-columns:minmax(0,1fr);gap:24px}.workflow-flow>li{min-height:58px;padding:10px 12px}.workflow-flow>li:not(:last-child)::after{content:"↓";left:calc(50% - 10px);top:100%;height:24px;display:grid;place-items:center}.step-number{position:absolute;left:10px}.diagram-bar{letter-spacing:.5px}.body .explanation figcaption{font-size:12px}}

/* Feedback returns to the decision. The exit branches from the decision. */
.agent-cycle{display:grid;grid-template-columns:20px minmax(0,1fr) 20px;grid-template-rows:auto 26px auto 26px auto auto auto;column-gap:0;max-width:380px;margin:0 auto;color:var(--diagram-ink)}
.cycle-node{grid-column:2;min-width:0;min-height:65px;border:1px solid var(--diagram-border);border-radius:3px;background:var(--node-bg);padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;overflow-wrap:anywhere}
.cycle-node small{font-size:11px;line-height:1.5;color:var(--diagram-muted)}
.agent-cycle .decision-node{grid-row:1;background:var(--accent-bg);color:var(--accent-ink)}.tool-node{grid-row:3}.result-node{grid-row:5}.finish-node{grid-row:7}
.cycle-arrow{grid-column:2;display:grid;place-items:center;font:20px/1 monospace;color:var(--diagram-muted)}.arrow-one{grid-row:2}.arrow-two{grid-row:4}
.feedback-label{grid-column:2;grid-row:6;text-align:center;padding:12px 4px 20px;color:var(--accent-ink);font-size:11px}
.feedback-end,.feedback-line,.feedback-start{grid-column:1;border-color:var(--accent-ink);border-style:solid;border-width:0;position:relative}
.feedback-end{grid-row:1;align-self:stretch;margin-top:0;align-self:end;height:50%;border-left-width:1px;border-top-width:1px;border-top-left-radius:8px}
.feedback-line{grid-row:2/5;border-left-width:1px}
.feedback-start{grid-row:5;align-self:start;height:50%;border-left-width:1px;border-bottom-width:1px;border-bottom-left-radius:8px}
.feedback-end::after{content:"";position:absolute;right:0;top:-4px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--accent-ink)}
.exit-start,.exit-line,.exit-end{grid-column:3;border-color:var(--diagram-muted);border-style:dashed;border-width:0;position:relative}
.exit-start{grid-row:1;margin-top:0;align-self:end;height:50%;border-top-width:1px;border-right-width:1px;border-top-right-radius:8px}.exit-line{grid-row:2/7;border-right-width:1px}.exit-end{grid-row:7;align-self:start;height:50%;border-right-width:1px;border-bottom-width:1px;border-bottom-right-radius:8px}
.exit-end::after{content:"";position:absolute;left:0;bottom:-4px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:6px solid var(--diagram-muted)}

.lesson-position{font:12px/1.6 Verdana,Arial,sans-serif;color:#626262;margin-bottom:10px}.chain-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.chain-flow small{font-size:11px;color:var(--diagram-muted);line-height:1.5}.reflection{margin-top:28px;padding:0 18px 6px;border:1px solid #c5c7bf;background:#f8f8f5}.body .reflection h2{margin-top:18px;font-size:21px}html[data-theme=dark] .lesson-position{color:#bec5b6}html[data-theme=dark] .reflection{background:#2c2e29;border-color:#62675c}@media(max-width:520px){.chain-flow{grid-template-columns:minmax(0,1fr)}}