.impact-stages{grid-template-columns:repeat(var(--flow-columns,5), minmax(0, 1fr));gap:32px;display:grid}.impact-stage{padding-top:44px;position:relative}.impact-node{position:absolute;top:4px;left:0}.impact-stages:not(.impact-stages-unconnected)>.impact-stage:not(:last-child):before{content:"";background:var(--rule-2);height:1px;position:absolute;top:7px;left:23px;right:-18px}.impact-stages:not(.impact-stages-unconnected)>.impact-stage:not(:last-child):after{content:"";border-top:1px solid var(--fg-3);border-right:1px solid var(--fg-3);width:7px;height:7px;position:absolute;top:4px;right:-18px;transform:rotate(45deg)}.impact-content{min-height:100%;margin:-16px;padding:16px;transition:transform .48s cubic-bezier(.2,.7,.2,1);position:relative}.impact-content :is(h3,dt),.impact-content :is(p,dd){transition:color .48s}.impact-content:hover,.impact-content:focus-visible{transform:translateY(-3px)}.impact-content:hover :is(p,dd),.impact-content:focus-visible :is(p,dd){color:var(--fg)}.impact-node{transition:box-shadow .48s,background-color .48s,transform .48s}.impact-stage:hover .impact-content :is(h3,dt),.impact-content:hover :is(h3,dt),.impact-content:focus-visible :is(h3,dt){color:var(--diagram-node)}.impact-content:focus-visible{outline:1px solid var(--focus);outline-offset:4px}.impact-stage:hover .impact-node,.impact-stage:focus-within .impact-node{background:var(--fg);box-shadow:0 0 0 3px color-mix(in srgb, var(--diagram-node) 22%, transparent), 0 0 10px color-mix(in srgb, var(--diagram-node) 45%, transparent);transform:scale(1.12)}@media (prefers-reduced-motion:reduce){.impact-content,.impact-content :is(h3,dt,p,dd),.impact-node{transition:none}.impact-content:hover,.impact-content:focus-visible,.impact-stage:hover .impact-node,.impact-stage:focus-within .impact-node{transform:none}}@media (max-width:899px){.impact-stages{grid-template-columns:minmax(0,1fr);gap:0}.impact-stage{padding:0 0 36px 36px}.impact-stage:last-child{padding-bottom:0}.impact-stage p{max-width:32rem;margin-top:10px}.impact-node{top:5px}.impact-stages:not(.impact-stages-unconnected)>.impact-stage:not(:last-child):before{width:1px;height:auto;inset:27px auto 14px 2px}.impact-stages:not(.impact-stages-unconnected)>.impact-stage:not(:last-child):after{inset:auto auto 14px -1px;transform:rotate(135deg)}}
