.journey{--journey-bar:2.75rem;--journey-rail:2.75rem;--journey-text:29rem;--journey-gap:clamp(2rem, 5vw, 5rem);--journey-figure-phone:70svh}.journey__moved{max-width:48rem;margin-block:var(--space-5);scroll-margin-top:calc(var(--journey-bar) + var(--space-4))}.journey__rail{z-index:5;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);background:var(--ground);border-bottom:1px solid var(--rule);position:sticky;top:0}.rail{align-items:center;column-gap:var(--space-3);height:var(--journey-bar);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative}.rail[data-inputs]{grid-template-columns:auto minmax(0,1fr) auto}.rail__inputs{grid-area:1/3}@media (width<=1023px){.rail[data-inputs]{grid-template-columns:minmax(0,1fr) auto}.rail[data-inputs] .rail__list{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.rail[data-inputs] .rail__list:focus-within{z-index:1;clip-path:none;background:var(--ground);width:auto;height:100%;top:0;left:0;overflow:visible}.rail[data-inputs] .rail__current{grid-area:1/1}.rail[data-inputs] .rail__inputs{grid-column:2}}.rail__list{margin:0;padding:0;list-style:none;display:flex}.rail__link{border-radius:var(--radius-small);width:2.5rem;height:2.5rem;color:var(--ink-2);font-size:var(--step--1);font-variant-numeric:tabular-nums;place-items:center;text-decoration:none;display:grid}.rail__link:hover,.rail__link[aria-current]{color:var(--ink)}.rail__link[aria-current]{font-weight:var(--weight-label)}.rail__link:focus-visible{outline-offset:-2px}.rail__title,.rail__beat{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rail__current{justify-content:space-between;align-items:baseline;gap:var(--space-3);min-width:0;max-width:none;font-size:var(--step--1);font-weight:var(--weight-label);display:flex}.rail__current-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rail__current-beat{color:var(--ink-2);font-weight:var(--weight-text);font-variant-numeric:tabular-nums;flex:none}.rail__progress{gap:2px;height:2px;display:flex;position:absolute;bottom:-1px;left:0;right:0}.rail__progress>span{background:linear-gradient(to right, var(--ink) calc(var(--rail-fill,0) * 100%), var(--rule) 0);flex:1}@media (width>=1024px){.journey{--journey-bar:0px;--journey-gap:clamp(1.5rem, 3vw, 3rem);grid-template-columns:var(--journey-rail) minmax(0, 1fr);grid-template-rows:repeat(3,auto);column-gap:clamp(1rem,2vw,2rem);display:grid}.journey>*{grid-column:2}.journey>.journey__rail{background:0 0;border-bottom:0;grid-area:1/1/-1;margin-inline:0;padding-inline:0;position:static}.rail{top:var(--space-4);height:auto;padding-top:var(--space-6);display:block;position:sticky}.rail__inputs{margin-bottom:var(--space-3);grid-area:auto}.rail__inputs .input-buttons{flex-direction:column}.rail__inputs .input-buttons button:first-of-type{border-radius:var(--radius-small) var(--radius-small) 0 0}.rail__inputs .input-buttons button:last-of-type{border-top:0;border-left:1px solid var(--rule);border-radius:0 0 var(--radius-small) var(--radius-small)}.rail__list{border-left:1px solid var(--rule);display:grid}.rail__list>li{position:relative}.rail__list>li:before{width:2px;height:calc(var(--rail-fill,0) * 100%);background:var(--ink);content:"";transition:height var(--motion) var(--easing);position:absolute;top:0;left:-1px}.rail__link{grid-template-columns:minmax(0,1fr);place-items:center start;row-gap:.125rem;width:100%;height:auto;min-height:2.75rem;padding:.375rem 0 .375rem .625rem;line-height:1.2;position:relative}.rail__beat{clip-path:none;width:auto;height:auto;color:var(--ink-2);font-size:.6875rem;font-weight:var(--weight-text);position:static;overflow:visible}.rail__beat:empty{display:none}.rail__link:hover .rail__title,.rail__link:focus-visible .rail__title{width:max-content;height:auto;padding:var(--space-1) var(--space-2);clip-path:none;border:1px solid var(--rule);border-radius:var(--radius-small);background:var(--raised);color:var(--ink);font-weight:var(--weight-label);pointer-events:none;top:50%;left:calc(100% + .5rem);overflow:visible;transform:translateY(-50%)}.rail__current,.rail__progress{display:none}}[data-step-figure] astro-island{display:contents}