.howto-timeline[data-v-3f24c02e]{position:relative}.timeline-step[data-v-3f24c02e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.5rem;padding-bottom:2.5rem;opacity:.45;-webkit-transition:opacity .5s cubic-bezier(.16,1,.3,1);transition:opacity .5s cubic-bezier(.16,1,.3,1)}.timeline-step.reached[data-v-3f24c02e]{opacity:1}.timeline-step[data-v-3f24c02e]:last-child{padding-bottom:0}.timeline-rail[data-v-3f24c02e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.step-number[data-v-3f24c02e],.timeline-rail[data-v-3f24c02e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:36px}.step-number[data-v-3f24c02e]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:36px;border-radius:50%;border:1.5px solid var(--pumice);background:var(--obsidian);font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--fog);-webkit-transition:all .4s cubic-bezier(.16,1,.3,1);transition:all .4s cubic-bezier(.16,1,.3,1)}.reached .step-number[data-v-3f24c02e]{border-color:var(--aurora);color:var(--aurora);-webkit-box-shadow:0 0 0 4px var(--aurora-dim);box-shadow:0 0 0 4px var(--aurora-dim)}.step-number--done[data-v-3f24c02e]{background:var(--aurora)!important;border-color:var(--aurora)!important;color:#fff!important;-webkit-box-shadow:0 0 0 4px var(--aurora-dim)!important;box-shadow:0 0 0 4px var(--aurora-dim)!important}.rail-line[data-v-3f24c02e]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:1.5px;background:var(--pumice);margin-top:.5rem;-webkit-transition:background .5s;transition:background .5s}.reached .rail-line[data-v-3f24c02e]{background:linear-gradient(to bottom,var(--aurora),var(--pumice))}.timeline-step--final .rail-line[data-v-3f24c02e]{display:none}.step-body[data-v-3f24c02e]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding-bottom:.5rem}.step-title[data-v-3f24c02e]{font-family:var(--font-display)!important;font-size:1.2rem;font-weight:700;color:var(--snow);margin:.25rem 0 .5rem;line-height:1.3}.step-desc[data-v-3f24c02e]{font-family:var(--font-body);font-size:.9rem;line-height:1.7;color:var(--glacier);margin:0 0 1rem}.step-desc strong[data-v-3f24c02e]{color:var(--snow);font-weight:600}.step-desc kbd[data-v-3f24c02e]{display:inline-block;font-family:var(--font-mono);font-size:.78rem;padding:.1em .45em;background:var(--ash);border:1px solid var(--pumice);border-radius:3px;color:var(--glacier);line-height:1;vertical-align:baseline}.step-link[data-v-3f24c02e]{color:var(--aurora);text-decoration:none;font-weight:500;-webkit-transition:color .2s;transition:color .2s}.step-link[data-v-3f24c02e]:hover{color:var(--aurora-vivid)}.step-link-icon[data-v-3f24c02e]{color:inherit!important;margin-left:2px;vertical-align:baseline}.step-img-wrap[data-v-3f24c02e]{margin-bottom:1rem;border-radius:6px;overflow:hidden;border:1px solid var(--pumice);-webkit-box-shadow:0 2px 16px rgba(0,0,0,.06);box-shadow:0 2px 16px rgba(0,0,0,.06)}.step-img[data-v-3f24c02e]{display:block;width:100%;height:auto}.step-actions[data-v-3f24c02e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem}.step-action[data-v-3f24c02e]{font-family:var(--font-body);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.55rem 1.5rem;background:var(--aurora);color:#fff;border:none;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.16,1,.3,1);transition:all .3s cubic-bezier(.16,1,.3,1)}.step-action[data-v-3f24c02e]:hover{background:var(--aurora-vivid);-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 16px rgba(13,148,136,.2);box-shadow:0 4px 16px rgba(13,148,136,.2)}.step-action-back[data-v-3f24c02e]{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;padding:.55rem 1rem;background:transparent;color:var(--fog);border:1px solid var(--pumice);cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.step-action-back[data-v-3f24c02e]:hover{border-color:var(--glacier);color:var(--glacier)}@media(max-width:600px){.timeline-step[data-v-3f24c02e]{gap:1rem}.step-title[data-v-3f24c02e]{font-size:1.05rem}.step-desc[data-v-3f24c02e]{font-size:.85rem}.timeline-rail[data-v-3f24c02e]{width:28px}.step-number[data-v-3f24c02e]{width:28px;height:28px;font-size:.65rem}}