/* Chapter figures share the lecture notation and Song typography. */
.agent-figures{--slide-song:"BDM Course Song","Songti SC",SimSun,STSong,serif;max-width:100%;margin:28px 0;padding:20px;border:1px solid #d7e4ec;border-radius:10px;background:#fafdff;box-sizing:border-box}
/* Diagrams encode quantities with a common axis and structures with explicit
   arrows. Their captions identify the source and interpretation of the figure. */
.agent-figures .slide-diagram{margin:0;width:100%;min-width:0;font-family:var(--slide-song)}
.agent-figures .diagram-heading{position:static;inset:auto;height:auto;min-height:0;width:auto;z-index:auto;background:none;backdrop-filter:none;display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:0 0 10px;border:0;border-bottom:1px solid #d4e2ea}
.agent-figures .diagram-heading>strong{font-size:19px;line-height:1.35;font-weight:700;color:#294f69}
.agent-figures .diagram-heading>span{max-width:45%;font-size:12px;line-height:1.4;text-align:right;color:#638092}
.agent-figures .diagram-canvas{position:relative;width:100%;height:292px;margin-top:10px}
.agent-figures .diagram-canvas>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.agent-figures .diagram-axis{stroke:#9bb0be;stroke-width:2;fill:none}
.agent-figures .diagram-grid{stroke:#dbe5ec;stroke-width:1.5;fill:none}
.agent-figures .diagram-reference{stroke:#aa6c7a;stroke-width:2.5;stroke-dasharray:8 7}
.agent-figures .diagram-tick{fill:#617d8e;font-size:32px;font-family:var(--slide-song)}
.agent-figures .diagram-label{position:absolute;transform:translate(-50%,-50%);text-align:center;line-height:1.35;font-size:16px;color:#2f556d}
.agent-figures .diagram-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:3px 7px;box-sizing:border-box;border:1px solid #a7c4d5;border-radius:6px;background:#f1f7fb;color:#305b76;text-align:center}
.agent-figures .diagram-node>strong{font-size:18px;line-height:1.25;font-weight:700}
.agent-figures .diagram-node>span{font-size:15px;line-height:1.35}
.agent-figures .diagram-node .katex{font-size:1.02em}
.agent-figures .diagram-node-circle{border-radius:50%;padding:4px}
.agent-figures .diagram-tone-teal{background:#eff8f6;border-color:#a2c7c2;color:#2b6b66}
.agent-figures .diagram-tone-muted{background:#f3f5f7;border-color:#c1cdd6;color:#566c7c}
.agent-figures .diagram-tone-rose{background:#fbf1f4;border-color:#d9b7c2;color:#92566a}
.agent-figures .diagram-edge-label{padding:2px 5px;background:#fdfefe;font-size:14px;color:#537c94;white-space:nowrap}
.agent-figures .diagram-row-label{position:absolute;left:0;width:25%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;line-height:1.25;padding-right:8px;box-sizing:border-box}
.agent-figures .diagram-row-label>strong{font-size:18px;font-weight:700}
.agent-figures .diagram-row-label>small{font-size:14px;color:#678293}
.agent-figures .diagram-value{font-size:20px;font-weight:700;white-space:nowrap}
.agent-figures .diagram-axis-unit{position:absolute;bottom:0;right:0;font-size:14px;line-height:1.35;color:#6c8393}
.agent-figures .diagram-range-label{font-size:16px;white-space:nowrap}
.agent-figures .diagram-point-label{font-size:14px;padding:1px 3px;background:#fdfefedb;box-sizing:border-box}
.agent-figures .diagram-segment-label{font-size:16px;line-height:1.25}
.agent-figures .diagram-region-label{font-size:17px;color:#35746c}
.agent-figures .diagram-x-title{position:absolute;right:6%;bottom:0;font-size:16px}
.agent-figures .diagram-y-title{position:absolute;left:0;top:-3px;font-size:16px}
.agent-figures .diagram-legend{position:absolute;top:-3px;right:0;display:flex;gap:12px;font-size:14px}
.agent-figures .diagram-legend>span{display:flex;gap:5px;align-items:center}
.agent-figures .diagram-legend i{display:inline-block;width:14px;height:3px}
.agent-figures .diagram-matrix{border-collapse:separate;border-spacing:6px;width:100%;height:100%;table-layout:fixed;font-size:18px;text-align:center}
.agent-figures .diagram-matrix th{font-weight:700;color:#4b687c;padding:8px 4px;font-size:16px}
.agent-figures .diagram-matrix th:first-child{width:23%}
.agent-figures .diagram-matrix td{border:1px solid #d4e3ec;border-radius:6px;background:color-mix(in srgb,#9cc1d9 var(--cell-weight,25%),#fff);padding:10px 8px}
.agent-figures .diagram-matrix td.diagram-tone-rose{background:color-mix(in srgb,#dca4b5 var(--cell-weight,25%),#fff)}
.agent-figures .diagram-matrix td.diagram-tone-teal{background:color-mix(in srgb,#9bcac4 var(--cell-weight,25%),#fff)}
.agent-figures .diagram-matrix td>strong{display:block;font-size:23px;font-weight:500;line-height:1.4}
.agent-figures .diagram-matrix td>small{display:block;font-size:15px;line-height:1.35;color:#547082;margin-top:6px}
.agent-figures .diagram-matrix .katex{font-size:1.03em}
.agent-figures .slide-diagram figcaption{font-size:16px;line-height:1.42;margin-top:10px;padding-top:9px;border-top:1px solid #dce7ee;color:#4b6a7e}
.agent-figures .diagram-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.agent-figures .slide-diagram{overflow-x:auto}
.agent-figures .diagram-canvas{height:340px;min-width:560px}
.agent-figures .diagram-heading{min-width:560px}
.agent-figures figcaption{margin-top:15px;text-align:left}
.agent-connection{border-top:1px solid #d7e4ec;margin-top:40px;padding-top:14px}
@media(max-width:600px){.agent-figures{padding:14px}.agent-figures:before{content:"左右滑动查看完整图解";display:block;margin-bottom:10px;font-size:12px;color:#6c8393}}