.scroll-guide{--guide-ink:#65734d;--guide-line:#d4ddc5;--guide-fill:#92aa57;--guide-paper:#f7f8f2;--guide-dot:#c5ceb6;position:fixed;left:max(24px,calc((100vw - 1280px)/4));top:50%;transform:translate(-50%,-50%);z-index:15;visibility:hidden;pointer-events:none}
.scroll-guide.is-ready{visibility:visible}
.scroll-guide-nav{display:flex;flex-direction:column;align-items:center;gap:16px;width:36px;color:var(--guide-ink);contain:layout style}
.scroll-guide-emblem{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:9px;background:none}
.scroll-guide-emblem svg{width:24px;height:24px;will-change:transform}
.scroll-guide-route{position:relative;width:36px;height:224px;display:flex;flex-direction:column}
.scroll-guide-track{position:absolute;top:16px;bottom:16px;left:17px;width:2px;background:var(--guide-line);border-radius:2px;overflow:hidden}
.scroll-guide-track>span{display:block;width:100%;height:100%;background:var(--guide-fill);transform:scaleY(0);transform-origin:top;will-change:transform}
.scroll-guide-stop{position:relative;display:grid;place-items:center;width:36px;height:32px;flex:none;pointer-events:auto;border-radius:50%}
.scroll-guide-dot{width:6px;height:6px;border:1px solid var(--guide-paper);border-radius:50%;background:var(--guide-dot);box-shadow:0 0 0 3px var(--guide-paper);transition:transform .2s,background .2s}
.scroll-guide-stop.is-passed .scroll-guide-dot{background:var(--guide-fill)}
.scroll-guide-stop[aria-current] .scroll-guide-dot{background:var(--guide-ink);transform:scale(1.35);box-shadow:0 0 0 3px var(--guide-paper),0 0 0 4px var(--guide-fill)}
.scroll-guide-label{position:absolute;left:39px;top:50%;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #dce3d1;border-radius:6px;background:#f7f8f2;color:#343e2a;box-shadow:0 6px 20px #26321b0c;font-size:11px;font-weight:650;line-height:1.5;white-space:nowrap;opacity:0;transform:translate(-4px,-50%);transition:opacity .16s,transform .16s;pointer-events:none}
.scroll-guide-label small{font-size:9px;font-variant-numeric:tabular-nums;color:#819263}
.scroll-guide-stop:hover .scroll-guide-label,.scroll-guide-stop:focus-visible .scroll-guide-label{opacity:1;transform:translate(0,-50%)}
.scroll-guide-stop:focus-visible{outline:2px solid var(--guide-fill);outline-offset:0}
.scroll-guide-count{display:flex;align-items:center;gap:3px;font-size:8px;line-height:1;font-variant-numeric:tabular-nums;color:var(--guide-ink);letter-spacing:.03em}
.scroll-guide-count span{font-size:10px;font-weight:750}
.scroll-guide-count i{font-style:normal;opacity:.4}
.scroll-guide.is-dark{--guide-ink:#d8f476;--guide-line:#4e5b41;--guide-fill:#99b365;--guide-paper:#252d25;--guide-dot:#7b8968}
.scroll-guide-mobile{display:none}
@media(max-width:1199px),(max-height:540px){.scroll-guide{left:0;right:0;top:var(--guide-header-height,75px);height:2px;transform:none;z-index:21}.scroll-guide-nav{display:none}.scroll-guide-mobile{display:block;height:2px;width:100%;overflow:hidden}.scroll-guide-mobile>span{display:block;height:100%;width:100%;background:#a8c75a;transform:scaleX(0);transform-origin:left;will-change:transform}}
@media(prefers-reduced-motion:reduce){.scroll-guide-emblem svg{transform:none!important;will-change:auto}.scroll-guide-track>span,.scroll-guide-mobile>span{will-change:auto}.scroll-guide-label,.scroll-guide-dot{transition:none}}
@media print{.scroll-guide{display:none}}

.scroll-guide.is-dark .logo-glyph{fill:#252d25}.scroll-guide.is-dark .logo-node{fill:#65734d}