.hg-step-process{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.hg-step-process{gap:2rem}}.hg-step-process-item{display:grid;grid-template-columns:auto auto 1fr;gap:1rem;align-items:start;padding:1rem 1rem 1rem .8rem;border:1px dashed var(--hg-scale-6);border-radius:var(--radius-lg);background:transparent;text-decoration:none;color:inherit}.dark .hg-step-process-item{border-color:var(--hg-scale-5)}.hg-step-process-item.linked{transition:background var(--hg-transition-base),border-color var(--hg-transition-base)}.hg-step-process-item.linked:hover{border-color:var(--border-hover)}.hg-step-process-number{color:var(--muted-foreground)}.hg-step-process-icon{display:flex;align-items:flex-start;justify-content:center;width:32px;height:32px;flex-shrink:0;color:var(--muted-foreground);padding-top:.125rem}.hg-step-process-icon svg{width:24px;height:24px}.hg-step-process-text{display:flex;flex-direction:column;gap:.25rem}.hg-step-process-item.linked .hg-step-process-text h3{display:inline-flex;align-items:center;gap:.5rem}.hg-step-process-item.linked .hg-step-process-text h3:after{content:"→";font-size:.75em;color:var(--muted-foreground);transition:color var(--hg-transition-base),transform var(--hg-transition-base)}.hg-step-process-item.linked:hover .hg-step-process-text h3:after{color:var(--foreground);transform:translate(3px)}
