/* Shared tracks keep titles, statuses, and findings aligned across all six roles. */
#historical-baseline .pipeline-shell{padding:26px 24px 22px}
#historical-baseline .agent-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}
#historical-baseline .pipeline-caption{display:block;margin:0;font:20px/1.4 var(--serif)}
#historical-baseline .pipeline-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}
#historical-baseline .pipeline-controls #run-state{font:12px/1.5 var(--mono);text-align:right}
#historical-baseline .pipeline-scroll{padding:26px 0 12px;overflow:visible}
#historical-baseline .agent-pipeline{display:grid;width:100%;min-width:0;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:42px auto auto 34px auto;gap:12px}
#historical-baseline .pipeline-node{display:grid;grid-template-rows:subgrid;grid-row:1/6;min-width:0;min-height:0;padding:0;text-align:center;position:relative}
#historical-baseline .pipeline-node:nth-child(1){grid-column:1}
#historical-baseline .pipeline-node:nth-child(2){grid-column:2}
#historical-baseline .pipeline-node:nth-child(3){grid-column:3}
#historical-baseline .pipeline-node:nth-child(4){grid-column:4}
#historical-baseline .pipeline-node:nth-child(5){grid-column:5}
#historical-baseline .pipeline-node:nth-child(6){grid-column:6}
#historical-baseline .node-track{grid-row:1;position:relative;inset:auto;width:100%;height:42px;align-items:center;justify-content:center}
#historical-baseline .node-ring{width:42px;height:42px;font-size:14px;flex-shrink:0}
#historical-baseline .handoff-line{left:calc(50% + 21px);top:21px;width:calc(100% - 30px);height:1px}
#historical-baseline .handoff-line i{top:-2px;left:0}
#historical-baseline .pipeline-node h3{grid-row:2;font:19px/1.35 var(--serif);margin:0;align-self:start;overflow-wrap:normal}
#historical-baseline .node-role{grid-row:3;display:block;align-self:start;font:14px/1.5 var(--mono);margin:0;color:#aaa;overflow-wrap:normal}
#historical-baseline .node-status{grid-row:4;align-self:center;justify-self:center;min-width:96px;padding:6px 10px;font:14px/1.4 var(--mono);margin:0;white-space:nowrap}
#historical-baseline .agent-bubble{grid-row:5;align-self:stretch;min-height:10em;padding:14px 12px;margin:6px 0 0;font:14px/1.65 var(--mono);overflow-wrap:break-word;transform:none}
#historical-baseline .architecture{margin-top:16px;padding-top:22px}
#historical-baseline .architecture-heading{align-items:baseline;flex-wrap:wrap}
#historical-baseline .architecture-scroll{overflow:visible}
#historical-baseline .architecture-flow{display:grid;min-width:0;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding:22px 0 64px}
#historical-baseline .architecture-flow>div[data-arch]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:14px 8px;min-width:0}
#historical-baseline .architecture-flow>div[data-arch]>span{font:14px/1.5 var(--mono);overflow-wrap:break-word}
#historical-baseline .architecture-flow>div[data-arch]>small{font:12px/1.6 var(--mono);margin-top:auto;padding-top:8px}
#historical-baseline .architecture-flow>div[data-arch]:not(:nth-child(7)):after{left:100%;top:50%;width:13px;height:1px}
#historical-baseline .feedback-line{left:calc((100% - 72px)*3/14 + 12px);right:calc((100% - 72px)/14);bottom:26px;height:38px}
#historical-baseline .feedback-line:before{content:'';width:6px;height:6px;border-left:1px solid #777;border-top:1px solid #777;transform:rotate(45deg);left:-4px;top:0}
#historical-baseline .feedback-line span{top:27px;font:12px/1.6 var(--mono);width:auto;max-width:100%;white-space:nowrap;text-align:center}
/* The Decennium handoff ledger uses a consistent name/status column pair. */
#decennium .dc-agent-label{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:12px;align-items:start;min-height:48px}
#decennium .dc-agent-label h4{font:17px/1.5 Georgia,serif;overflow-wrap:normal}
#decennium .dc-agent-label small{text-align:right;white-space:nowrap;line-height:2}
#decennium .dc-agents li{min-width:0;padding:14px 0}
#decennium .dc-agents details summary{padding-top:10px;line-height:1.6}
@supports not (grid-template-rows:subgrid){
 #historical-baseline .pipeline-node{grid-template-rows:42px 3.5rem 3rem 34px minmax(10em,1fr)}
}
@media(max-width:1100px){
 #historical-baseline .architecture-flow{grid-template-columns:1fr;padding:18px 0 0;gap:12px}
 #historical-baseline .architecture-flow>div[data-arch]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;text-align:left;padding:12px 16px;align-items:center}
 #historical-baseline .architecture-flow>div[data-arch]>small{margin:0;padding:0;text-align:right}
 #historical-baseline .architecture-flow>div[data-arch]:not(:nth-child(7)):after{left:24px;top:100%;width:1px;height:13px}
 #historical-baseline .feedback-line{grid-column:1;position:relative;inset:auto;height:auto;border:0;border-left:1px solid #646464;padding:10px 16px;margin:0 0 0 24px}
 #historical-baseline .feedback-line:before{left:-4px;top:0}
 #historical-baseline .feedback-line span{position:static;transform:none;width:auto;max-width:none;padding:0;text-align:left;white-space:normal;background:transparent}
 #decennium .dc-workspace{grid-template-columns:1fr}
 #decennium .dc-agent-panel{border-left:0;border-top:1px solid #444;padding:22px 0 0}
 #decennium .dc-agents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;align-items:start}
}
@media(max-width:900px){
 #historical-baseline .agent-pipeline{display:flex;flex-direction:column;gap:0}
 #historical-baseline .pipeline-node{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:6px 12px;text-align:left;padding:0 0 26px 58px;min-height:112px;grid-row:auto;grid-column:auto}
 #historical-baseline .node-track{display:block;position:absolute;grid-row:auto;grid-column:auto;top:0;left:0;bottom:0;width:42px;height:100%}
 #historical-baseline .handoff-line{left:20px;top:42px;width:1px;height:calc(100% - 42px)}
 #historical-baseline .handoff-line i{top:0;left:-2px}
 #historical-baseline .handoff .handoff-line i{animation:vertical-handoff 1.45s ease-in-out forwards}
 #historical-baseline .pipeline-node h3{grid-column:1;grid-row:1;align-self:center;min-height:34px;display:flex;align-items:center}
 #historical-baseline .node-role{grid-column:1/-1;grid-row:2;font-size:14px}
 #historical-baseline .node-status{grid-column:2;grid-row:1;min-width:88px;justify-self:end;font-size:12px}
 #historical-baseline .agent-bubble{grid-column:1/-1;grid-row:3;min-height:0;margin:8px 0 0;padding:12px;font-size:14px;transform:none}
 #historical-baseline .agent-bubble:before{display:none}
 #historical-baseline .agent-bubble:empty{display:none}
 #historical-baseline .pipeline-node:last-child{padding-bottom:0}
}
@media(max-width:600px){
 #historical-baseline .pipeline-shell{padding:20px 16px}
 #historical-baseline .agent-toolbar{grid-template-columns:1fr;gap:14px}
 #historical-baseline .pipeline-controls{justify-content:space-between;width:100%}
 #historical-baseline .pipeline-controls #run-state{text-align:left;flex:1 1 90px}
 #historical-baseline .pipeline-node{padding-left:52px;column-gap:8px}
 #historical-baseline .pipeline-node h3{font-size:18px}
 #historical-baseline .node-status{min-width:76px;padding:5px 7px}
 #historical-baseline .pipeline-node h3{overflow-wrap:break-word}
 #historical-baseline .agent-bubble{font-size:14px}
 #decennium .dc-agents{grid-template-columns:1fr;gap:0}
 #decennium .dc-agent-label{min-height:0;align-items:center}
 #decennium .dc-agent-label h4{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
 #historical-baseline .handoff .handoff-line i{animation:none}
}