/* A real workflow is the focal point: sources, two specialists, human decision. */
.chain-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:40px;padding:30px 34px;margin-bottom:24px;border:1px solid #a881e847;border-radius:12px;background:linear-gradient(115deg,#b18be314,var(--panel) 62%);position:relative;overflow:hidden}
.chain-hero:before{content:"";position:absolute;left:0;top:30px;bottom:30px;width:3px;background:var(--accent)}
.chain-hero .eyebrow{color:var(--accent);letter-spacing:1.5px}
.chain-hero .eyebrow span{color:var(--muted);display:block;margin-top:8px;font-size:8px;letter-spacing:1px}
.chain-hero h2{font-size:36px;line-height:1.09;letter-spacing:-1.4px;font-weight:550;margin:16px 0 13px}
.chain-hero-copy>p:not(.eyebrow){color:var(--muted);max-width:360px;line-height:1.7;font-size:12px}
.chain-hero .decision-bar{margin-top:20px;align-items:center;gap:15px}
.chain-map{align-self:center;display:grid;gap:0}
.chain-map>div{display:flex;gap:13px;align-items:center;padding:12px 0;position:relative}
.chain-map>div:not(:last-child):after{content:"";position:absolute;top:44px;bottom:-12px;left:17px;width:1px;background:#b18be33c}
.chain-node{width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;border:1px solid #b18be33c;background:var(--panel);border-radius:9px;color:var(--accent);font-size:10px;font-variant-numeric:tabular-nums;position:relative;z-index:1}
.chain-map strong{display:block;font-size:12px;font-weight:550}
.chain-map small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.45}
.chain-map b{margin-left:auto;font-size:7px;letter-spacing:1px;padding:4px 5px;border:1px solid #b18be33c;border-radius:4px;color:var(--accent);font-weight:500}
.chain-recent{margin:30px 0}
.chain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.chain-card{min-width:0;padding:19px 19px 0;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.chain-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;gap:10px}
.chain-emblem{color:var(--accent);display:grid;place-items:center;width:33px;height:33px;border:1px solid #b18be32b;border-radius:8px;background:var(--accent-wash)}
.chain-card h3{font-size:15px;line-height:1.4;margin:8px 0 20px;min-height:42px;overflow-wrap:anywhere}
.chain-mini{display:grid;gap:12px;margin-bottom:19px}
.chain-mini>span{display:flex;align-items:center;gap:7px;font-size:10px;flex-wrap:wrap}
.chain-mini small{margin-left:auto;font-size:9px;color:var(--muted)}
.chain-dot{width:5px;height:5px;border-radius:50%;background:var(--muted);display:inline-block}
.chain-dot.succeeded{background:var(--success)}.chain-dot.running{background:var(--accent)}.chain-dot.failed,.chain-dot.cancelled{background:var(--orange)}
.chain-source-summary{padding:20px;margin:20px 0;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.chain-source-summary>div{display:flex;gap:7px;flex-wrap:wrap}.chain-source-summary h3{margin-top:15px}
.chain-source-summary li{margin:9px 0;overflow-wrap:anywhere}.chain-source-summary li small{color:var(--muted)}
.chain-deliverables{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}
.chain-deliverables>span{font-size:10px;color:var(--accent);border:1px solid #b18be32b;padding:6px 8px;border-radius:5px;overflow-wrap:anywhere;max-width:100%}
.chain-dossier-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:9px;margin:25px 0;background:var(--panel)}
.chain-dossier-summary>div{padding:17px;min-width:0}
.chain-dossier-summary>div+div{border-left:1px solid var(--line)}
.chain-dossier-summary span{font-size:10px;color:var(--muted)}
.chain-dossier-summary strong{display:block;font-size:29px;font-weight:500;margin:8px 0}
.chain-dossier-summary small{display:block;font-size:9px;color:var(--muted);line-height:1.5}
.chain-steps{display:grid;gap:14px}
.chain-step{border:1px solid var(--line);border-radius:10px;padding:22px;background:var(--panel);overflow-wrap:anywhere;min-width:0}
.chain-step-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.chain-step-heading>.tag{margin-left:auto}.chain-step-heading h2{margin:0!important;font-size:16px}
.chain-step-heading .eyebrow{font-size:8px;margin:0 0 5px}
.chain-step-executor{color:var(--muted);font-size:9px;margin:14px 0 23px}
.chain-step h3{font-size:15px;line-height:1.45}.chain-step>p{line-height:1.7}
.chain-step .decision-bar{align-items:center;justify-content:space-between}
.chain-dependency{border:1px solid #b18be33c;border-radius:8px;padding:19px;margin:22px 0;background:var(--accent-wash)}
.chain-dependency>strong{color:var(--accent)}.chain-dependency p{line-height:1.65}
.chain-dependency .button{margin:5px 7px 0 0}
@media(min-width:1450px){.chain-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chain-hero{gap:70px}.chain-map{max-width:430px;width:100%;justify-self:end}}
@media(max-width:1120px){.chain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chain-hero{gap:20px;padding:25px}.chain-hero h2{font-size:31px}}
@media(max-width:760px){.chain-hero{grid-template-columns:1fr;gap:12px;padding:24px}.chain-hero-copy>p:not(.eyebrow){max-width:none}.chain-map{border-top:1px solid #b18be32b;padding-top:9px}.chain-hero .decision-bar{margin-bottom:10px}.chain-grid{grid-template-columns:1fr}.chain-card h3{min-height:0}.chain-dossier-summary>div{padding:12px}.chain-dossier-summary strong{font-size:24px}.chain-step{padding:16px}}
@media(prefers-reduced-motion:no-preference){.chain-dot.running{animation:chain-pulse 1.8s ease-in-out infinite}@keyframes chain-pulse{50%{box-shadow:0 0 0 4px #b18be321}}}
