/* Diagram-led reading: one connected visual and one detail surface. */
[hidden]{display:none!important}.dm-example-caption{font-size:15px;color:var(--muted);max-width:90ch}.dm-flow-figure{margin:28px 0 18px}.dm-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);margin-bottom:10px}.dm-js-tools{display:flex;gap:6px;flex-wrap:wrap}.dm-js-tools button{border:1px solid var(--line);background:transparent;padding:7px 12px;border-radius:20px;color:var(--ink)}.dm-js-tools button[aria-pressed=true]{background:var(--forest);color:var(--paper);border-color:var(--forest)}.dm-interactive-diagram{border:0;background:#f6f4ed;border-radius:8px;margin:0 0 12px}.dm-interactive-diagram svg{display:block;width:100%;min-width:1050px;height:auto}.dm-interactive-diagram.is-fit svg{min-width:0}.dm-flow-hit{fill:transparent;stroke:transparent;stroke-width:3;cursor:pointer}.dm-interactive-diagram a:hover .dm-flow-hit{fill:#a54b3210;stroke:#a54b3290}.dm-interactive-diagram a.is-active .dm-flow-hit{fill:#a54b3210;stroke:#a54b32}.dm-interactive-diagram a:focus-visible{outline:none}.dm-interactive-diagram a:focus-visible .dm-flow-hit{stroke:#a54b32;stroke-width:5;stroke-dasharray:8 4}.dm-path{display:flex;flex-wrap:wrap;gap:12px 22px;padding:18px 0;margin:0 0 16px;border-bottom:1px solid var(--line)}.dm-path a{text-decoration:none;display:flex;align-items:center;gap:8px;font-size:14px;padding:5px 0;border-bottom:2px solid transparent}.dm-path a span{font-size:11px;color:var(--muted)}.dm-path a.is-active{border-bottom-color:var(--rust);color:var(--rust);font-weight:bold}.dm-stage-inspector{padding:24px 0 30px;scroll-margin-top:24px}.dm-inspector-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.dm-inspector-heading h3{font-size:32px}.dm-inspector-heading p{margin:5px 0;color:var(--muted)}.dm-inspector-controls{display:flex;gap:8px}.dm-inspector-controls button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:20px}.dm-inspector-controls button:hover{background:var(--lime)}.dm-inspector-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:26px}.dm-inspector-columns dl{display:grid;grid-template-columns:85px 1fr;gap:13px;margin:0;font-size:14px}.dm-inspector-columns dt{font-weight:bold;color:var(--muted)}.dm-inspector-columns dd{margin:0}.dm-inspector-columns p{font-size:15px;margin-top:0}.dm-inspector-columns details{font-size:14px;border-top:1px solid var(--line);padding-top:12px}.dm-inspector-columns details p{margin-top:12px}.dm-full-workflow,.dm-architecture-detail{padding:20px 0;border-top:1px solid var(--line)}.dm-full-workflow>summary,.dm-architecture-detail>summary{font-size:16px;font-weight:bold}.dm-full-workflow>.dm-stages{margin-top:24px;display:block}.dm-full-workflow .dm-stage{border:0;border-top:1px solid var(--line);background:transparent;padding:25px 0}.dm-full-workflow .dm-stage:last-child{background:transparent}.dm-card{background:transparent;border:0;border-top:1px solid var(--line);padding:24px 0}.dm-grid{gap:32px}.dm-architecture-detail .dm-layers{margin-top:24px}.dm-layer{background:transparent;border:0;border-top:1px solid var(--line);padding:24px 0}.dm-layer-wide{background:var(--forest);padding:24px}.dm-diagram-return{font-size:14px}.dm-full-workflow .dm-stage dl{max-width:85ch}.dm-open{background:transparent;border-left:3px solid var(--rust);padding:10px 24px}.dm-full-workflow>p{font-size:14px;color:var(--muted)}@media(max-width:700px){.dm-inspector-columns{grid-template-columns:1fr;gap:24px}.dm-map-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.dm-path{gap:8px 18px}.dm-path a{font-size:13px}.dm-inspector-heading h3{font-size:28px}}@media(max-width:420px){.dm-inspector-columns dl{grid-template-columns:70px 1fr}.dm-inspector-controls button{width:36px;height:36px}.dm-path{gap:8px 16px}}@media print{.dm-map-toolbar,.dm-path,.dm-stage-inspector{display:none!important}.dm-full-workflow>*,.dm-architecture-detail>*{display:block}.dm-interactive-diagram svg{min-width:0}}