:root{--rail-width:216px}html{scroll-behavior:smooth}body{padding-left:0}
.code-continuation{display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr);position:relative}
.code-continuation-content{min-width:0}.code-continuation .site-content{padding-top:100px}
.code-nav{position:relative;width:var(--rail-width);z-index:3;background:transparent;isolation:isolate;overflow:hidden;align-self:stretch}
.code-nav canvas{position:absolute;inset:0;z-index:-1;pointer-events:none}
.code-nav-brand{display:none}
.code-nav-links{display:flex;flex-direction:column;gap:20px;position:relative;margin-top:32px;width:100%;padding:20px}
.code-nav-link{display:block;position:relative;padding:13px 5px;text-decoration:none;color:#e3eaf5;transition:color .2s;text-shadow:0 0 5px #c2d5f655;background:transparent}
.code-nav-link{font:12px/1.4 Consolas,'Courier New',monospace;letter-spacing:.08em}
.nav-prompt{color:#9babc2}.nav-caret{color:#b18a3e;text-shadow:0 0 8px #b18a3e66}.code-nav-link[aria-current] .nav-prompt{color:#fff}.code-nav-link[aria-current] .nav-caret{animation:caretBlink 1s steps(2,end) infinite}@keyframes caretBlink{50%{opacity:.25}}
.code-nav-link .nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.code-nav-link[aria-current]{color:#fff;text-shadow:0 0 7px #d4e6ff99}
.code-nav-link[aria-current]:before{content:'>';position:absolute;left:-12px;top:50%;transform:translateY(-50%);color:#b18a3e;font-size:12px}
.code-nav-link:hover,.code-nav-link:focus-visible{color:#d9b46a;text-shadow:0 0 9px #b18a3e99}.code-nav-link:focus-visible{outline:1px solid #b18a3e;outline-offset:4px}
.code-nav-status{position:absolute;bottom:24px;left:24px;color:#8496ad;font-size:10px;letter-spacing:.12em}.code-nav-status:before{content:'● ';color:#b18a3e}
[id]{scroll-margin-top:32px}
.stage{border-top:0!important}.stage:after{box-shadow:none}header{font-size:15px}main{min-width:0}.code-nav{overflow-y:auto}.code-nav-status{position:relative;display:block;left:auto;bottom:auto;margin:32px 24px}
@media(max-width:760px){:root{--rail-width:158px}.code-nav-brand{margin-left:18px}.code-nav-links{padding:16px;margin-top:60px;gap:16px}.code-nav-link{padding:12px 0}.code-nav-link pre{font-size:7px;line-height:9px}.code-nav-status{margin:26px 16px;font-size:9px}header{padding:24px 16px;font-size:14px;flex-wrap:wrap}.site-content{padding-inline:20px}.intro h2{font-size:clamp(25px,5vw,40px)}.intro p:not(.eyebrow){font-size:16px}}
@media(max-width:440px){:root{--rail-width:122px}.code-nav-links{padding:14px;gap:12px}.code-nav-link pre{font-size:5.6px;line-height:8px}.code-nav-status{letter-spacing:0}.site-content{padding-inline:14px}header span:last-child{font-size:10px}.intro h2{font-size:25px;overflow-wrap:break-word}}
.stage{height:clamp(300px,42vw,480px)}
.code-nav-link pre{letter-spacing:.35px;line-height:12px}
@media(max-width:760px){.code-nav-link pre{letter-spacing:.15px;line-height:10px}}
@media(max-width:440px){.code-nav-link pre{letter-spacing:0;line-height:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.code-nav-link{transition:none}}