.lifecycle-timeline{position:relative;max-width:48rem;margin:0 auto}.lifecycle-timeline:after{content:"";position:absolute;width:3px;background-color:var(--border-color);top:1.5rem;bottom:1.5rem;left:1.5rem;margin-left:-1.5px;z-index:0}.lifecycle-step{padding:.5rem 0 3.5rem 4.5rem;position:relative}.lifecycle-decorator{position:absolute;left:0;top:.125rem;z-index:1}.lifecycle-step-number{width:3rem;height:3rem;border-radius:9999px;background-color:var(--primary-background);border:3px solid var(--border-color);color:var(--secondary-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;transition:all .3s ease-in-out}.lifecycle-step:hover .lifecycle-step-number{border-color:var(--interactive-blue);color:var(--interactive-blue);background-color:var(--interactive-light)}.lifecycle-content{position:relative;padding:1.5rem;background-color:var(--primary-background);border:1px solid var(--border-color);border-radius:.75rem}.lifecycle-step-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}@media (min-width:640px){.lifecycle-step-header{flex-direction:row;justify-content:space-between;align-items:center}}.lifecycle-step-title{font-size:1.5rem;font-weight:600;color:var(--primary-text);margin:0}.lifecycle-step-description{font-size:1rem;line-height:1.7;color:var(--secondary-text);margin:0 0 1.5rem}.how-i-do-it-box{background-color:var(--surface-background);border-radius:.5rem;padding:1rem;border:1px solid var(--border-color);border-left:4px solid var(--primary-brand-orange);display:flex;align-items:flex-start;gap:1rem}.how-i-do-it-icon{flex-shrink:0;width:80px;height:32px;margin-top:.2rem}.how-i-do-it-text{font-weight:500;color:var(--primary-text);font-size:.95rem;line-height:1.6;margin:0}.lifecycle-related-resource{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.5rem 1rem;background-color:var(--interactive-light);color:var(--interactive-blue);border-radius:9999px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s ease}.lifecycle-related-resource:hover{background-color:var(--interactive-blue);color:white}.lifecycle-related-resource svg{width:1rem;height:1rem}.embedded-component-wrapper{margin-top:1.5rem;border-top:1px dashed var(--border-color)}