/* Reused verbatim from mining-landing/public/style-v6.css: chapter rail. */
:root{--toolbar-height:56px;--motion-ease:cubic-bezier(.22,.61,.36,1)}
.nav-light{--nav-ink:#1d1d1f;--nav-glass:rgba(250,250,252,.8);--nav-line:rgba(0,0,0,.08);--nav-hover:rgba(0,0,0,.05)}
.nav-dark{--nav-ink:#f5f5f7;--nav-glass:rgba(22,22,23,.8);--nav-line:rgba(255,255,255,.1);--nav-hover:rgba(255,255,255,.09)}
.globalnav{height:var(--toolbar-height);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.theme-picker{position:relative;border-radius:8px;transition:background-color .2s}
.theme-picker select{appearance:none;-webkit-appearance:none;padding:8px 26px 8px 10px;border-radius:8px;font-size:12px;line-height:18px}
.theme-picker::after{content:"";position:absolute;right:10px;top:13px;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);pointer-events:none;opacity:.65}
.page-nav{position:fixed;right:22px;top:50%;width:40px;height:328px;transform:translateY(-50%);z-index:75;color:var(--nav-ink)}
.page-nav-links{position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;width:max-content;max-width:calc(100vw - 32px);padding:10px 8px;border-radius:10px;border:1px solid transparent;transition:background-color .24s,border-color .24s;isolation:isolate}
.page-nav a{display:grid;grid-template-columns:1fr 24px;align-items:center;gap:16px;min-height:28px;padding:0 0 0 8px;color:inherit;white-space:nowrap;position:relative}
.page-nav a i{justify-self:end;display:block;width:12px;height:2px;border-radius:2px;background:currentColor;opacity:.34;transition:width .22s var(--motion-ease),opacity .22s}
.nav-label{font-size:12px;font-weight:500;line-height:20px;text-align:right;opacity:0;transform:translateX(5px);pointer-events:none;transition:opacity .2s,transform .24s var(--motion-ease)}
.page-nav:not(:focus-within):not(.is-open):not(:hover) .page-nav-links{clip-path:inset(0 0 0 calc(100% - 40px))}
.page-nav a[aria-current=location] i{width:24px;opacity:1}
.page-nav a[aria-current=location] .nav-label{font-weight:600}
.page-nav:is(:focus-within,.is-open) .page-nav-links{background:var(--nav-glass);border-color:var(--nav-line);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.page-nav:is(:focus-within,.is-open) .nav-label{opacity:.6;transform:none;pointer-events:auto}
.page-nav:is(:focus-within,.is-open) a[aria-current=location] .nav-label{opacity:1}
.page-nav a:focus-visible .nav-label{opacity:1!important}
.page-nav a:focus-visible i{width:24px;opacity:1}
.page-nav-toggle{display:none}
@media(hover:hover){
 .page-nav:hover .page-nav-links{background:var(--nav-glass);border-color:var(--nav-line);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
 .page-nav:hover .nav-label{opacity:.6;transform:none;pointer-events:auto}
 .page-nav:hover a[aria-current=location] .nav-label,.page-nav a:hover .nav-label{opacity:1}
 .page-nav a:hover i{width:24px;opacity:1}
 .theme-picker:hover{background:var(--nav-hover)}
 .button:hover{opacity:1;background:color-mix(in srgb,var(--button) 88%,var(--button-text));color:var(--button-text)}
 .button.outline:hover{background:color-mix(in srgb,currentColor 9%,transparent);color:inherit}
 .tab-list button:hover{color:var(--text)}
}

@media(max-width:734px){ .page-nav{right:7px;top:calc(50% + var(--toolbar-height)/2);width:36px;height:44px}
 .page-nav-toggle{display:flex;align-items:center;justify-content:flex-end;width:36px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--nav-ink)}
 .page-nav-toggle>span{display:block;width:12px;height:2px;background:currentColor;box-shadow:0 -5px currentColor,0 5px currentColor}
 .page-nav .page-nav-links{right:43px;visibility:hidden;opacity:0;pointer-events:none;clip-path:none!important;background:var(--nav-glass);border-color:var(--nav-line);max-height:calc(100svh - var(--toolbar-height) - 24px);overflow-y:auto;overscroll-behavior:contain}
 .page-nav.is-open .page-nav-links{visibility:visible;opacity:1;pointer-events:auto}
 .page-nav .nav-label{opacity:.6;transform:none;pointer-events:auto}
 .page-nav a{min-height:36px}.page-nav a[aria-current=location] .nav-label{opacity:1}
}
@media(prefers-reduced-motion:reduce){.page-nav-links,.nav-label,.page-nav a i{transition:none}}