/* ===== DELIVERY PIPELINE ===== */
.pipeline { display:grid; grid-template-columns:repeat(6,1fr); gap:10px; position:relative; align-items:start; }
.stage { position:relative; z-index:1; padding:var(--cr-space-5) var(--cr-space-4); border-radius:var(--cr-radius-control); background:var(--cr-color-surface-default);
  border:1px solid var(--cr-site-hairline); }
.stage .num { font-family:var(--cr-font-mono); font-size:.72rem; font-weight:600; color:var(--cr-color-action-tertiary-fill); }
.stage .ic { width:36px; height:36px; border-radius:var(--cr-radius-control); display:flex; align-items:center; justify-content:center; margin:10px 0;
  background:var(--cr-color-action-primary-state-hover); color:var(--cr-color-action-primary-text); }
.cr[data-theme="dark"] .stage .ic { color:var(--cr-color-text-primary); }
.stage .ic svg { width:18px; height:18px; }
.stage h4 { font-size:.92rem; } .stage p { font-size:.76rem; color:var(--cr-color-text-secondary); margin-top:5px; line-height:1.5; }
.stage::after { content:""; position:absolute; top:50%; inset-inline-end:-11px; width:12px; height:2px; background:var(--cr-color-action-primary-fill-hover); z-index:2; }
.stage:last-child::after { display:none; }
.pipeflow { position:absolute; top:50%; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--cr-color-action-primary-fill-hover),var(--cr-color-action-tertiary-fill)); opacity:.35; z-index:0; }
.deliver-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:var(--cr-space-5); margin-top:var(--cr-space-6); }
.filetree { font-family:var(--cr-font-mono); font-size:.8rem; line-height:1.9; }
.filetree .d { color:var(--cr-color-action-primary-text); font-weight:600; } .cr[data-theme="dark"] .filetree .d { color:var(--cr-color-action-primary-fill-hover); }
.filetree .f { color:var(--cr-color-text-secondary); }
.filetree .tag { font-size:.66rem; color:var(--cr-color-action-success-text); margin-inline-start:6px; }
.cmd { display:flex; align-items:center; gap:12px; margin-top:16px; padding:14px 16px; border-radius:var(--cr-radius-control);
  background:var(--cr-color-surface-default); border:1px solid var(--cr-site-hairline); font-family:var(--cr-font-mono); font-size:.82rem; }
.cmd .p { color:var(--cr-color-action-tertiary-fill); }
.clientflow { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:8px; }
.node { padding:10px 16px; border-radius:var(--cr-radius-pill); background:var(--cr-site-surface-tint-3); font-weight:700; font-size:.82rem; }
.arrow { color:var(--cr-color-action-primary-fill); }