/* Scoped to the flow tool inventory; existing checklist styles stay intact. */
.flow-section p code,.flow-section li code{overflow-wrap:anywhere}
.tool-matrix .mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.tool-matrix .mode-card{border:1px solid var(--border);border-radius:12px;padding:22px;background:var(--bg-card)}
.tool-matrix .mode-card h3{font-size:20px;margin:8px 0 12px;color:var(--accent)}
.tool-matrix .mode-card p{font-size:14px;line-height:1.7}
.tool-matrix .mode-label,.tool-matrix .tool-state{display:inline-block;border-radius:5px;font-size:11px;font-weight:650;line-height:1.4;padding:4px 7px;white-space:normal}
.tool-matrix .mode-label{background:var(--bg-elevated);color:var(--accent)}
.tool-matrix .mode-path{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0 0;font-size:12px;color:var(--text-secondary)}
.tool-matrix .mode-path span{padding:7px 9px;border:1px solid var(--border);border-radius:7px;background:var(--bg-alt)}
.tool-matrix .mode-path b{color:var(--accent)}
.tool-matrix .matrix-controls{display:grid;grid-template-columns:minmax(200px,2fr) 1fr 1fr;gap:12px;margin:24px 0 12px}
.tool-matrix .matrix-controls label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:650;color:var(--text-secondary)}
.tool-matrix input,.tool-matrix select{width:100%;min-width:0;padding:11px 12px;font:inherit;font-size:14px;color:var(--text);background:var(--bg-card);border:1px solid var(--border-hover);border-radius:7px}
.tool-matrix input:focus-visible,.tool-matrix select:focus-visible,.tool-matrix button:focus-visible,.tool-matrix summary:focus-visible,.tool-matrix a:focus-visible{outline:3px solid #93b4d8;outline-offset:3px}
.tool-matrix .matrix-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 16px}
.tool-matrix .matrix-toolbar button{padding:7px 11px;font:inherit;font-size:12px;border:1px solid var(--border-hover);border-radius:6px;background:var(--bg-card);color:var(--accent);cursor:pointer}
.tool-matrix .matrix-results{margin-right:auto;font-size:13px;color:var(--text-secondary)}
.tool-matrix .matrix-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
.tool-matrix .tool-state.integrated{color:#145878;background:#e8f3fa}
.tool-matrix .tool-state.proposed{color:#825600;background:#fff2d7}
.tool-matrix .tool-state.upstream-missing{color:#96372c;background:#fdeae6}
.tool-matrix .tool-state.licensed{color:#653883;background:#f4eafa}
.tool-matrix .tool-state.external{color:#4a5968;background:#eaf0f4}
.tool-matrix .tool-state.unverified{color:#5a6270;background:var(--bg-elevated)}
.tool-matrix .tool-phase{border:1px solid var(--border);border-radius:10px;background:var(--bg-card);margin:12px 0;overflow:hidden}
.tool-matrix .tool-phase>summary{cursor:pointer;padding:15px 18px;color:var(--accent);font-weight:700}
.tool-matrix .tool-phase-count{margin-left:8px;font:500 12px var(--mono);color:var(--text-muted)}
.tool-matrix .tool-step{border-top:1px solid var(--border);scroll-margin-top:80px}
.tool-matrix .tool-step>summary{cursor:pointer;display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:start;gap:10px;padding:14px 18px;list-style:none}
.tool-matrix .tool-step>summary::-webkit-details-marker{display:none}
.tool-matrix .tool-step>summary::before{content:'+';grid-column:3;grid-row:1;color:var(--accent);font-size:19px;line-height:1}
.tool-matrix .tool-step[open]>summary::before{content:'−'}
.tool-matrix .tool-step-id{grid-column:1;grid-row:1;font:650 12px var(--mono);color:var(--accent);padding-top:3px}
.tool-matrix .tool-step-heading{grid-column:2;grid-row:1;min-width:0}
.tool-matrix .tool-step-heading strong{display:block;font-size:14px;line-height:1.6}
.tool-matrix .tool-preview{display:block;margin-top:4px;font-size:12px;color:var(--text-muted);overflow-wrap:anywhere}
.tool-matrix .tool-step-body{padding:0 18px 20px 88px}
.tool-matrix .tool-step-body h4{font-size:13px;font-weight:650;margin:18px 0 8px}
.tool-matrix .tool-step-body p,.tool-matrix .tool-step-body li{font-size:13px;line-height:1.7}
.tool-matrix .tool-default{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 14px;padding:14px;border-radius:8px;background:var(--bg-alt)}
.tool-matrix .tool-default h4{margin-top:0}
.tool-matrix .tool-default p+p{margin-top:6px}
.tool-matrix .tool-options{list-style:none;display:grid;gap:10px}
.tool-matrix .tool-option{border:1px solid var(--border);border-radius:8px;padding:12px}
.tool-matrix .tool-option-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tool-matrix .tool-name{font-weight:650;color:var(--accent);text-decoration:none}
.tool-matrix .tool-name:hover{text-decoration:underline}
.tool-matrix .tool-role{margin:7px 0 0}
.tool-matrix .tool-note{color:var(--text-muted);margin-top:5px}
.tool-matrix .tool-technical{margin-top:8px}
.tool-matrix .tool-technical>summary{cursor:pointer;font-size:12px;color:var(--accent);line-height:1.6}
.tool-matrix .tool-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11px;color:var(--text-muted);margin-top:9px;overflow-wrap:anywhere}
.tool-matrix .tool-meta a{color:var(--accent)}
.tool-matrix .tool-limits{margin:10px 0 0;padding-left:18px;color:var(--text-secondary)}
.tool-matrix .tool-step-link{display:inline-block;font-size:12px;color:var(--accent);margin-top:14px}
.tool-matrix .matrix-source{font-size:12px;color:var(--text-muted);margin-top:16px;overflow-wrap:anywhere}
.tool-matrix .matrix-empty{padding:20px;border:1px dashed var(--border-hover);border-radius:8px}
.tool-matrix [hidden]{display:none!important}
.tool-matrix .matrix-controls,.tool-matrix .matrix-toolbar{display:none}
.tool-matrix.js-ready .matrix-controls{display:grid}
.tool-matrix.js-ready .matrix-toolbar{display:flex}
@media(max-width:720px){.tool-matrix .mode-grid,.tool-matrix .tool-default{grid-template-columns:1fr}.tool-matrix .matrix-controls{grid-template-columns:1fr 1fr}.tool-matrix .matrix-controls label:first-child{grid-column:1/-1}.tool-matrix .tool-step>summary{grid-template-columns:48px minmax(0,1fr) auto;padding:13px}.tool-matrix .tool-step-body{padding:0 13px 18px}.tool-matrix .mode-card{padding:18px}}