@layer components{.page-rail{--rail-line:#a77bac80;--rail-ring:var(--color-lilac);--rail-faint:#a77bac66;--rail-bg:var(--color-paper-warm);--rail-ink:var(--color-purple);--rail-name:#2d2d2bb3;--rail-ring-size:30px;z-index:30;opacity:0;visibility:hidden;transition:opacity .45s var(--ease-focus,ease), visibility .45s;position:fixed}.page-rail[data-visible]{opacity:1;visibility:visible}.page-rail[data-surface=tint]{--rail-bg:var(--color-lilac-wash)}.page-rail[data-tone=dark]{--rail-line:#ffffff47;--rail-ring:#ffffff73;--rail-faint:#ffffff38;--rail-bg:var(--color-purple-deep);--rail-ink:var(--color-apricot);--rail-name:#ffffff9e}.page-rail-count{letter-spacing:.14em;color:var(--rail-ink);transition:color .45s var(--ease-focus,ease);margin:0;font-size:13px;font-weight:800}.page-rail-count b,.page-rail-count i,.page-rail-count em{font-style:normal}.page-rail-count i,.page-rail-count em{opacity:.45}.page-rail-line,.page-rail-fill{border-style:solid;border-width:0;position:absolute}.page-rail-line{border-color:var(--rail-line);border-style:dashed}.page-rail-fill{border-color:var(--rail-ring);transition:transform .35s var(--ease-focus,ease)}.page-rail-station{place-items:center;text-decoration:none;display:grid}.page-rail-mark{width:var(--rail-ring-size);aspect-ratio:1;transition:background .35s var(--ease-focus,ease), border-color .35s var(--ease-focus,ease);border:1.5px solid #0000;border-radius:50%;place-items:center;display:grid;position:relative}.page-rail-mark:before{content:"";width:var(--rail-dot,9px);aspect-ratio:1;background:var(--rail-bg);box-shadow:0 0 0 2px var(--rail-line);border-radius:50%;transition:opacity .3s,background .35s,box-shadow .35s}.page-rail-station[data-state=done] .page-rail-mark:before{background:var(--rail-ring);box-shadow:0 0 0 2px var(--rail-ring)}.page-rail-station[data-state=here] .page-rail-mark{background:var(--rail-bg);border-color:var(--rail-ring)}.page-rail-station[data-state=here] .page-rail-mark:before{opacity:0}.page-rail-station[data-state=here] .page-rail-mark:after{content:"";border:1px solid var(--rail-faint);border-radius:50%;position:absolute;inset:-7px}.page-rail-station:hover .page-rail-mark:before{box-shadow:0 0 0 2px var(--rail-ring)}.page-rail-station:focus-visible{outline:2px solid var(--rail-ring);outline-offset:6px}.page-rail-n{color:var(--rail-ink);opacity:0;transition:opacity .35s var(--ease-focus,ease);font-size:13px;font-weight:800;position:absolute}.page-rail-station[data-state=here] .page-rail-n{opacity:1}.page-rail-name{text-transform:uppercase;color:var(--rail-name);font-weight:800;transition:color .45s}@media (max-width:1023px){:root{--rail-bar-h:92px}.story{padding-bottom:var(--rail-bar-h)}html{scroll-padding-bottom:var(--rail-bar-h)}.page-rail{--rail-dot:8px;min-height:var(--rail-bar-h);padding:13px var(--edge) max(13px, env(safe-area-inset-bottom));background:var(--rail-bg);border-top:1.5px solid var(--rail-line);transition:opacity .45s var(--ease-focus,ease), visibility .45s, background .45s var(--ease-focus,ease), border-color .45s ease;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:11px clamp(8px,2vw,14px);display:grid;inset:auto 0 0}.page-rail-track{grid-area:1/1/auto/-1;position:relative}.page-rail-track ol{margin:0;padding:0;list-style:none;display:flex}.page-rail-track li{flex:1;display:grid}.page-rail-station{min-height:44px;margin-block:-7px}.page-rail-line,.page-rail-fill{top:calc(var(--rail-ring-size) / 2 - 1px);left:var(--rail-edge);right:var(--rail-edge);border-top-width:2px}.page-rail-fill{transform-origin:0;transform:scaleX(var(--progress,0))}.page-rail-count{grid-area:2/1}.page-rail-name{letter-spacing:.1em;white-space:nowrap;text-overflow:ellipsis;grid-area:2/2;align-self:center;font-size:13px;overflow:hidden}}@media (min-width:1024px){.page-rail{--rail-gap:46px;--rail-dot:9px;top:50%;left:calc((100% - var(--measure)) / 2 - 92px);width:58px;translate:0 -50%}.page-rail-count{width:max-content;margin-bottom:18px;padding-left:29px;translate:-50%}.page-rail-track{height:calc(var(--rail-gaps) * var(--rail-gap) + var(--rail-ring-size));position:relative}.page-rail-line,.page-rail-fill{left:28px;top:calc(var(--rail-ring-size) / 2);height:calc(var(--rail-gaps) * var(--rail-gap));border-left-width:2px}.page-rail-fill{transform-origin:top;transform:scaleY(var(--progress,0))}.page-rail-track ol{margin:0;padding:0;list-style:none;position:relative}.page-rail-track li{top:calc(var(--i) * var(--rail-gap));position:absolute;left:29px;translate:-50%}.page-rail-name{--rail-head:34px;left:-4px;top:calc(var(--rail-head) + var(--rail-ring-size) / 2 + 10px);writing-mode:vertical-rl;white-space:nowrap;letter-spacing:.18em;translate:-50%;transform:translateY(calc(var(--active,0) * var(--rail-gap)));transition:transform .5s var(--ease-focus,ease), color .45s ease;font-size:12px;position:absolute}}@media (min-width:1024px) and (max-width:1559px){.page-rail{left:-7px}.page-rail-count,.page-rail-name{display:none}.page-rail-station{min-width:44px;min-height:44px;margin-block:-7px}}}