/* Keep each stage connector on a clear rail, from one icon edge to the next. */
.plane-shell .te-steps{--te-step-gap:20px;gap:var(--te-step-gap)}.plane-shell .te-steps>li{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;position:relative;isolation:isolate}.plane-shell .te-steps>li+li::before{display:none}.plane-shell .te-steps>li:not(:last-child)::after{content:'';position:absolute;top:15px;left:calc(50% + 15px);width:calc(100% + var(--te-step-gap) - 30px);height:1px;background:color-mix(in srgb,var(--muted) 35%,var(--surface));pointer-events:none;z-index:-1}.plane-shell .te-steps>li>span{width:30px;height:30px;margin:0;flex:none;position:relative}.plane-shell .te-steps>li>div{min-width:0;max-width:100%}
/* A tone-matched inset outline preserves the existing card size and shadow. */
.plane-shell .to-kpis>article{outline:1px solid transparent;outline-offset:-1px;transition:translate .18s ease,box-shadow .18s ease,outline-color .18s ease}
@media(hover:hover) and (pointer:fine){.plane-shell .to-kpis>article:hover{outline-color:var(--cs-edge)!important}}
@media(max-width:700px){.plane-shell .te-steps{--te-step-gap:14px}.plane-shell .te-steps>li{display:flex}.plane-shell .te-steps>li>span{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.plane-shell .to-kpis>article{transition:none!important}}