/* Progressive interaction for existing SVG flow diagrams. */
.diagram-explorer{margin:9px 0 18px;border:1px solid var(--line,#d8cfbe);border-radius:8px;background:rgba(var(--accent-rgb,184,64,46),.045);overflow:hidden;}.diagram-explorer>summary{cursor:pointer;list-style:none;padding:9px 11px;color:var(--ink,#211e1a);font:700 11px/1.3 "JetBrains Mono",ui-monospace,monospace;}.diagram-explorer>summary::-webkit-details-marker{display:none;}.diagram-explorer>summary::before{content:"⌘";margin-right:7px;color:var(--accent,#b8402e);}.diagram-explorer__body{padding:10px 11px 12px;border-top:1px solid var(--line,#d8cfbe);}.diagram-explorer__description{margin:0 0 9px;color:var(--ink-soft,#5b5347);font-size:13px;line-height:1.45;}.diagram-explorer__controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}.diagram-explorer__button,.diagram-explorer__label{appearance:none;border:1px solid var(--line-strong,#c7bca6);border-radius:5px;background:transparent;color:var(--ink,#211e1a);padding:5px 8px;cursor:pointer;font:700 10px/1.2 "JetBrains Mono",ui-monospace,monospace;}.diagram-explorer__button:hover,.diagram-explorer__label:hover,.diagram-explorer__label.is-active{border-color:var(--accent,#b8402e);color:var(--accent,#b8402e);background:rgba(var(--accent-rgb,184,64,46),.1);}.diagram-explorer__count{margin-left:auto;color:var(--ink-faint,#8d8475);font:600 10px/1.2 "JetBrains Mono",ui-monospace,monospace;}.diagram-explorer__labels{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;}.diagram-explorer-focus{fill:var(--accent,#b8402e)!important;color:var(--accent,#b8402e)!important;font-weight:800!important;filter:drop-shadow(0 2px 2px rgba(40,30,20,.22));}.diagram-explorer-group-focus{filter:drop-shadow(0 3px 3px rgba(40,30,20,.16));}.diagram-explorer__button:focus-visible,.diagram-explorer__label:focus-visible,.diagram-explorer>summary:focus-visible{outline:3px solid rgba(var(--accent-rgb,184,64,46),.3);outline-offset:2px;}
@media(max-width:650px){.diagram-explorer__count{width:100%;margin-left:0;order:3;}}