/* Define the four handover nodes independently of their connector tracks. */
.toolkit-fields dt{margin-bottom:8px}
.toolkit-fields>div+div{margin-top:22px}
@media(min-width:851px){
 .toolkit-fields>div{display:grid;grid-template-columns:170px minmax(0,1fr);column-gap:24px;align-items:start}
 .toolkit-fields dt{margin-bottom:0}
}
.diagram-handover .diagram-node{border:1px solid #858585;border-radius:4px;padding:16px;background:#fff}
.diagram-handover .diagram-node-title{font-weight:500}
.handover-branch{gap:28px}
.article-copy .diagram-handover .diagram-node-detail{margin-top:8px}
/* A single source table supports comparison and a narrow-screen reading view. */
.matrix-reader{margin:24px 0 28px;min-width:0;max-width:100%}
.matrix-reader>.table-reader{margin:0}
.matrix-view-switch{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:14px;line-height:1.5}
.matrix-view-switch>span{color:var(--muted);margin-right:4px}
.matrix-view-switch button{min-height:44px;padding:8px 14px;border:1px solid var(--strong);border-radius:3px;background:white;cursor:pointer;font:inherit}
.matrix-view-switch button[aria-pressed="true"]{border-color:var(--ink);background:var(--soft);font-weight:500}
.matrix-view-switch button:hover{border-color:var(--muted)}
.matrix-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.matrix-item{border:1px solid var(--strong);border-radius:4px;padding:19px;min-width:0}
.article-copy .matrix-item-title{font-size:16px;line-height:1.5;margin:0 0 16px}
.matrix-item dl{margin:0;font-size:14px;line-height:1.6}
.matrix-item dl>div+div{margin-top:12px}
.matrix-item dt{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 3px}
.matrix-item dd{margin:0;overflow-wrap:break-word}
.matrix-reader .table-scroll th:first-child{position:sticky;left:0;z-index:1;background:var(--soft);box-shadow:1px 0 0 var(--line)}
.matrix-reader .table-scroll thead th:first-child{z-index:2}
@media(max-width:650px){
 .diagram-handover .diagram-node{padding:14px 12px}
 .handover-branch{gap:24px;padding:22px 0}
 .matrix-cards{grid-template-columns:minmax(0,1fr);gap:16px}
 .matrix-item{padding:18px 17px}
}