.step-flow{display:flex;flex-direction:column;gap:56px}.step-flow-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 0 4px;scrollbar-width:none}.step-flow-tabs.stacked{justify-content:flex-start;flex-wrap:nowrap;scroll-snap-type:x proximity;margin:0 calc(-1 * var(--gutter-lg));padding:0 var(--gutter-lg) 4px}.step-flow-tab{display:inline-flex;align-items:center;gap:10px;flex:none;cursor:pointer;scroll-snap-align:start;padding:7px 16px 7px 7px;border-radius:var(--radius-button);font-family:var(--font-sans);background:var(--color-surface-card);color:var(--color-subtle);border:1px solid var(--color-border-card);font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease}.step-flow-tab.done{color:var(--color-ink)}.step-flow-tab.active{background:var(--color-accent);color:var(--color-on-accent);border-color:transparent}.step-flow-tab-marker{width:28px;height:28px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-canvas);color:var(--color-subtle);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.step-flow-tab.done .step-flow-tab-marker{background:var(--color-mitl-ice);color:var(--color-accent)}.step-flow-tab.active .step-flow-tab-marker{background:#ffffff38;color:var(--color-on-accent)}.step-flow-body{display:flex;flex-direction:row;align-items:center;gap:72px}.step-flow-body.stacked{flex-direction:column;gap:36px}.step-flow-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.step-flow-counter{display:flex;align-items:baseline;gap:14px}.step-flow-numeral{font-size:72px;line-height:.9;font-weight:var(--font-weight-regular);letter-spacing:-3px;color:var(--color-mitl-powder)}.step-flow-counter-label{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--color-subtle)}.step-flow-title{margin:0;font-size:var(--text-heading);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);max-width:20ch}.step-flow-description{margin:0;font-size:var(--text-body);color:var(--color-muted);line-height:var(--leading-body);max-width:44ch;text-wrap:pretty}.step-flow-tools{display:flex;flex-wrap:wrap;gap:8px;max-width:46ch}.step-flow-tool{display:inline-flex;align-items:center;gap:6px;background:var(--color-surface-card);border:1px solid var(--color-border-card);border-radius:var(--radius-badge);padding:6px 12px;font-size:var(--text-caption);color:var(--color-muted)}.step-flow-note{display:inline-flex;align-items:center;gap:8px;background:var(--color-mitl-ice);color:var(--color-accent);padding:8px 14px;border-radius:var(--radius-badge);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.step-flow-next{margin-top:4px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.step-flow-bonus{display:inline-flex;align-items:center;gap:8px;background:var(--color-mitl-ice);color:var(--color-accent);border:1px dashed var(--color-mitl-cornflower);padding:8px 14px;border-radius:var(--radius-badge);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);line-height:var(--leading-caption);max-width:44ch}.step-flow-media{position:relative;flex:none;display:grid;place-items:center}.step-flow-media-disc{position:absolute;border-radius:50%;background:var(--color-mitl-ice)}.step-flow-media.celebrating .step-flow-media-disc{animation:step-flow-cheer .9s var(--ease-out) both}@keyframes step-flow-cheer{0%{transform:scale(.86);opacity:.4}55%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}.step-flow-confetti{position:absolute;inset:0;pointer-events:none;z-index:2;--burst: 1}.step-flow-body.stacked .step-flow-confetti{--burst: .7}.step-flow-confetti-piece{position:absolute;left:50%;top:0;width:var(--cs);height:calc(var(--cs) * 1.7);border-radius:2px;background:var(--cc);opacity:0;will-change:transform,opacity;animation:step-flow-confetti-fly 1.8s cubic-bezier(.2,.6,.35,1) var(--cd) both}@keyframes step-flow-confetti-fly{0%{opacity:0;transform:translate3d(-50%,0,0) scale(.3) rotate(0)}8%{opacity:1}45%{transform:translate3d(calc(-50% + var(--cx) * var(--burst) * .6),calc(var(--cp) * var(--burst)),0) scale(1) rotate(calc(var(--cr) * .45))}75%{opacity:1}to{opacity:0;transform:translate3d(calc(-50% + var(--cx) * var(--burst)),calc(var(--cy) * var(--burst)),0) scale(.9) rotate(var(--cr))}}@media (prefers-reduced-motion: reduce){.step-flow-confetti{display:none}.step-flow-media.celebrating .step-flow-media-disc{animation:none}}.step-flow-shot{position:relative;display:block;flex:none;filter:drop-shadow(0 22px 64px rgba(53,77,159,.24))}.expander{background:var(--color-surface-card);border:1px solid var(--color-border-card);border-radius:var(--radius-card);box-sizing:border-box;cursor:pointer;transition:border-color var(--duration-fast) ease,background-color var(--duration-fast) ease}.expander:hover{border-color:var(--color-mitl-cornflower)}.expander-head{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:24px;background:none;border:none;border-radius:var(--radius-card);cursor:pointer;text-align:left;font:inherit;color:inherit}.expander-head:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px}.expander-title{font-size:var(--text-subheading);letter-spacing:var(--tracking-subheading)}.expander-icon{display:inline-flex;color:var(--color-muted)}.expander.open .expander-icon{color:var(--color-accent)}.expander-panel{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--duration-fast) ease}.expander.open .expander-panel{grid-template-rows:1fr}.expander-panel-inner{min-height:0;overflow:hidden}.expander-body{margin:0;padding:0 24px 24px;color:var(--color-muted);font-size:var(--text-body-sm);line-height:var(--leading-body);white-space:pre-line;max-width:62ch}.list[data-astro-cid-al2ca2vr]{display:flex;flex-direction:column;gap:16px;max-width:880px;margin:0 auto}