.interactive-diagram{min-width:0;scroll-margin-top:148px}.interactive-diagram [hidden]{display:none!important}.diagram-kicker{font:11px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}.interactive-diagram .fig__head{border-top:0;max-width:84ch;margin-bottom:24px;padding-top:0;display:block}.interactive-diagram .fig__head p{margin-top:10px}.reference-views{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.diagram-views{border-bottom:1px solid var(--line);background:var(--paper);flex-wrap:wrap;gap:4px;padding:12px 20px;display:flex}.interactive-diagram button{font:inherit;cursor:pointer;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:4px;min-height:44px;padding:9px 12px;line-height:1.35}.diagram-views button{border-color:#0000}.interactive-diagram button[aria-pressed=true]{color:#fff;background:var(--ink);border-color:var(--ink);box-shadow:inset 0 -3px var(--cyan)}.interactive-diagram button:focus-visible,.interactive-diagram select:focus-visible,.diagram-viewport:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.diagram-sheet-title{padding:20px 24px 0;font-size:18px}.reference-views:has([data-view-controls]:not([hidden])) .diagram-sheet-title{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.diagram-interaction{border-bottom:1px solid var(--line);padding:16px 24px}.diagram-traces{flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.connection-picker{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px;font-size:13px;display:flex}.connection-picker label{font-weight:600}.connection-picker select{min-width:0;max-width:760px;color:var(--ink);font:inherit;border:1px solid var(--line);background:var(--paper);text-overflow:ellipsis;border-radius:4px;flex:1;min-height:44px;padding:10px 32px 10px 12px}.connection-steps{gap:6px;display:flex}.connection-steps button{min-width:44px}.diagram-tools{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 20px;padding:12px 24px;font-size:12px;display:flex}.diagram-tools button{padding:8px 10px;font-size:12px}.diagram-tools a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.diagram-instruction{min-width:200px;color:var(--muted);flex:1}.diagram-viewport{overscroll-behavior-inline:contain;background:#fff;max-height:none;overflow:auto}.diagram-viewport>svg,.diagram-viewport>img{width:100%;height:auto;margin:0 auto;display:block}.is-enlarged .diagram-viewport{max-height:78vh}.is-enlarged .diagram-viewport>svg,.is-enlarged .diagram-viewport>img{width:180%;max-width:none}.diagram-viewport.is-panning{cursor:grab;touch-action:none}.diagram-viewport.is-panning:active{cursor:grabbing}.diagram-viewport.has-wire-hover{cursor:pointer}.reference-svg [data-edge],.reference-svg [data-node]{transition:opacity .12s}.reference-svg .is-dimmed{opacity:.35}.reference-svg .is-selected .wire{stroke-width:3px}.reference-svg .is-hovered .wire{stroke-width:2.8px}.reference-svg [data-node].is-selected>rect:first-of-type{stroke:var(--teal);stroke-width:2.5px}.reference-svg .is-selected .wire-label{text-underline-offset:3px;font-weight:700;text-decoration:underline}.reference-svg .wire-hit{pointer-events:stroke;cursor:pointer}.connection-inspector{border-top:1px solid var(--line);background:#f3f8f9;padding:20px 24px}.connection-announcement{margin-bottom:12px;font-size:14px;font-weight:600}[data-selection-help]{max-width:80ch;color:var(--muted);font-size:13px}.connection-endpoints{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:20px;display:grid}.connection-endpoints p{white-space:pre-line;font-size:14px;line-height:1.65}.connection-endpoints p>span{font:11px var(--mono);color:var(--teal);text-transform:uppercase;margin-bottom:6px;display:block}.connection-interface{border-top:1px solid #d5e4e7;margin-top:16px;padding-top:14px;font-size:14px}[data-selected-route]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;padding-left:20px;font-size:13px;display:grid}[data-selected-route] button{text-align:left;border-color:#0000;width:100%;padding:8px}.diagram-description{border-top:1px solid var(--line);padding:18px 24px;font-size:14px}.diagram-description summary{cursor:pointer;align-content:center;min-height:44px;font-weight:600}.diagram-description summary>span{float:right;font:11px var(--mono);color:var(--muted)}.diagram-description[open] summary{margin-bottom:24px}.diagram-conditions{max-width:90ch;padding-left:20px}.diagram-conditions li{margin:8px 0}.diagram-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:24px 0;display:grid}.diagram-nodes>div{border-top:1px solid var(--line);grid-template-columns:65px minmax(0,1fr);gap:14px;padding:12px 0;display:grid}.diagram-nodes dt{font:12px var(--mono);color:var(--teal);overflow-wrap:anywhere}.diagram-nodes dd{white-space:pre-line;margin:0}.diagram-connections{padding:0;list-style:none}.diagram-connections li{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 20px;padding:12px 0;display:flex}.diagram-connections li>span{flex:1;min-width:180px}.diagram-connections button{font-size:12px}.diagram-source-note{white-space:pre-line;border-left:3px solid var(--teal);margin-top:24px;padding-left:16px}@media (width<=767px){.reference-diagram{flex-direction:column;display:flex}.diagram-sheet-title{order:0}.diagram-interaction{order:1}.connection-inspector{order:2}.diagram-tools{order:3}.diagram-viewport{order:4}.diagram-description{order:5}.diagram-views,.diagram-interaction,.diagram-tools,.connection-inspector,.diagram-description{padding:16px}.diagram-sheet-title{padding:16px 16px 0}.diagram-views{flex-wrap:nowrap;overflow-x:auto}.diagram-views button{flex-shrink:0}.diagram-traces{grid-template-columns:1fr 1fr;display:grid}.diagram-traces button{text-align:left}.connection-picker label{flex-basis:100%}.connection-picker select{width:0}.diagram-instruction{flex-basis:100%}.connection-inspector{border-top:3px solid var(--teal)}.connection-endpoints{grid-template-columns:minmax(0,1fr);gap:10px}.connection-endpoints>span{width:20px;transform:rotate(90deg)}.diagram-nodes,[data-selected-route]{grid-template-columns:minmax(0,1fr)}.diagram-description summary>span{float:none;margin-top:8px;display:block}.is-enlarged .diagram-viewport{max-height:65vh}.is-enlarged .diagram-viewport>svg,.is-enlarged .diagram-viewport>img{width:300%}.diagram-connections li{align-items:flex-start}.diagram-connections li>span{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.reference-svg [data-edge],.reference-svg [data-node]{transition:none}}.connection-disambiguation{background:#fff8df;border-block:1px solid #c2ac64;flex-wrap:wrap;order:3;gap:10px;padding:16px 24px;font-size:13px;display:flex}.connection-disambiguation p{flex-basis:100%;font-weight:600}
