.pilot-flow, .pilot-state, .pilot-lifecycle { display: flex; align-items: stretch; gap: 10px; margin: 0; padding: 0; list-style: none; }
    .pilot-step { grid-template-columns: auto minmax(0, 1fr); flex: 1 1 0; }
    .pilot-step > div { display: grid; gap: 6px; }
    .pilot-arrow { display: grid; place-items: center; color: var(--track); font-size: 22px; font-weight: 900; }
    .pilot-state .pilot-step { border-bottom: 3px solid var(--track) !important; }
    @media (max-width: 720px) { .pilot-flow, .pilot-state, .pilot-lifecycle { display: grid; grid-template-columns: minmax(0, 1fr); } .pilot-arrow { transform: rotate(90deg); } }