.jsr{border-block-end:1px solid var(--ui-line);background:var(--ui-surface);color:var(--ui-ink)}.jsr__sr{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.jsr__badge{z-index:1;border:1px solid var(--ui-line-strong);background:var(--ui-surface-muted);block-size:32px;inline-size:32px;color:var(--ui-ink-muted);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:.9375rem;font-weight:700;display:grid;position:relative}.jsr__skip{color:var(--ui-ink-muted);font-size:var(--ui-text-small);line-height:1.2}:is([data-state=visited],[data-state=complete])>.jsr__badge,:is([data-state=visited],[data-state=complete]) .jsr__badge{background:var(--ui-surface);border-color:var(--ui-ink);color:var(--ui-ink)}[data-state=complete] .jsr__badge{background:var(--ui-ink);color:var(--ui-surface)}[data-state=needs-attention] .jsr__badge{background:var(--ui-warning-soft);border-color:var(--ui-warning);color:var(--ui-warning)}[data-state=current] .jsr__badge{background:var(--ui-brand);border-color:var(--ui-brand);color:var(--ui-on-brand);box-shadow:0 0 0 3px color-mix(in oklab, var(--ui-brand) 18%, transparent)}.jsr__step,.jsr__row,.jsr__toggle,.jsr__act,.jsr__restart{font:inherit;color:inherit}.jsr :is(button):focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}html:is([data-reading-mode=large],[data-reading-mode=larger]) .jsr__toggle{flex-wrap:wrap;row-gap:0}html:is([data-reading-mode=large],[data-reading-mode=larger]) .jsr__current{flex:1 0 auto;overflow:visible}@media (width>=1024px){html:is([data-reading-mode=large],[data-reading-mode=larger]) .jsr__name{text-align:center;white-space:normal;font-size:.875rem;line-height:1.2;overflow:visible}}.jsr__desktop{display:none}.jsr__toggle{align-items:baseline;gap:var(--ui-space-2);min-block-size:44px;inline-size:100%;padding:var(--ui-space-2) var(--ui-space-4);text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.jsr__count{white-space:nowrap;flex:none;font-weight:700}.jsr__current{min-inline-size:0;color:var(--ui-ink-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.jsr__more{color:var(--ui-ink);font-size:var(--ui-text-body);text-underline-offset:3px;flex:none;text-decoration:underline}.jsr__bar{gap:2px;block-size:4px;display:flex}.jsr__seg{background:var(--ui-line);flex:1}.jsr__seg[data-on]{background:var(--ui-ink)}.jsr__seg[data-visited]{background:var(--ui-ink-muted)}.jsr__seg[data-current]{background:var(--ui-brand)}.jsr__panel{max-block-size:70dvh;padding:var(--ui-space-2) var(--ui-space-4) var(--ui-space-4);border-block-start:1px solid var(--ui-line);flex-direction:column;display:flex;overflow:hidden}.jsr__plist{gap:var(--ui-space-1);flex:0 auto;min-block-size:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.jsr__row{align-items:center;gap:var(--ui-space-3);min-block-size:44px;inline-size:100%;padding:var(--ui-space-1) var(--ui-space-2);border-radius:var(--ui-radius-sm,8px);text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.jsr__row[aria-current]{background:var(--ui-surface-muted);font-weight:700}.jsr__row:disabled{color:var(--ui-ink-muted);cursor:default}.jsr__note{color:var(--ui-warning);font-size:var(--ui-text-small);margin-inline-start:auto}.jsr__pactions{flex:none}.jsr__pactions .jsr__act{justify-content:center;align-items:center;gap:var(--ui-space-2);min-block-size:44px;color:var(--ui-ink);text-underline-offset:3px;margin-block-start:var(--ui-space-2);text-decoration:underline;display:flex}.jsr__restart{border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius-sm,8px);background:var(--ui-surface);cursor:pointer;min-block-size:44px;inline-size:100%;flex:none;margin-block-start:var(--ui-space-3);font-weight:600}@media (width>=1024px){.jsr__mobile{display:none}.jsr{margin-block-end:var(--ui-space-6)}.jsr__desktop{align-items:flex-start;gap:var(--ui-space-6);max-inline-size:1180px;padding:var(--ui-space-2) var(--ui-space-8);margin-inline:auto;display:flex}.jsr__list{flex:1;min-inline-size:0;margin:0;padding:0;list-style:none;display:flex}.jsr__item{flex:1 1 0;min-inline-size:0;position:relative}.jsr__step{align-items:center;gap:var(--ui-space-1);min-block-size:60px;inline-size:100%;padding:var(--ui-space-1) 2px;cursor:pointer;background:0 0;border:0;flex-direction:column;display:flex}.jsr__step[data-idle]{cursor:default}.jsr__name{max-inline-size:100%;color:var(--ui-ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}:is([data-state=current],[data-state=complete],[data-state=visited]) .jsr__name{color:var(--ui-ink)}[data-state=current] .jsr__name{font-weight:700}.jsr__step:not([data-idle]):hover .jsr__badge{border-color:var(--ui-ink)}.jsr__line{background:var(--ui-line);border-radius:2px;block-size:3px;position:absolute;inset-block-start:18px;inset-inline:calc(50% + 22px) calc(22px - 50%);overflow:hidden}.jsr__fill{background:var(--ui-ink);transform-origin:0;block-size:100%;display:block;transform:scaleX(0)}.jsr__fill[data-on]{transform:scaleX(1)}.jsr__actions{align-items:center;gap:var(--ui-space-2);flex:none;padding-block-start:var(--ui-space-1);display:flex}.jsr__act{align-items:center;gap:var(--ui-space-2);min-block-size:44px;padding-inline:var(--ui-space-2);border-radius:var(--ui-radius-sm,8px);color:var(--ui-ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;font-size:.9375rem;text-decoration:underline;display:inline-flex}}@media (prefers-reduced-motion:no-preference){.jsr__fill{transition:transform var(--ui-enter,.2s) var(--ui-ease,cubic-bezier(.2, .8, .2, 1))}.jsr__badge{transition:background-color var(--ui-hover,.12s), border-color var(--ui-hover,.12s)}}@media (width>=1024px){.jsr-aside--narrow .journey-figure-canvas{block-size:16rem;min-block-size:0;max-block-size:16rem}}