div.fixed.bottom-5,html.present a.fixed{display:none}.showcase-section.dense{padding-top:3rem;padding-bottom:3rem}.row-labels{display:grid;grid-auto-rows:24px;padding-top:13px}.line-label{font-size:.95rem;line-height:24px;white-space:nowrap;color:var(--color-ink-soft)}.jump{position:relative;width:1.5rem;margin:12px 0;border:2px solid var(--color-navy);border-left:none;border-radius:0 10px 10px 0}.jump:after{content:"";position:absolute;left:-8px;bottom:-7px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:9px solid var(--color-navy)}.jump-label{position:absolute;left:2.25rem;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:.95rem;color:var(--color-navy);font-weight:600}.go{position:absolute;left:17.5rem;width:1.5rem;height:4.2rem;border:2px solid var(--color-navy);border-left:none;border-radius:0 10px 10px 0}.go.down{left:13.5rem;top:calc(1px + 1.1rem + 2.1rem * 2 + 1.05rem)}.go.up{top:calc(1px + 1.1rem + 1.05rem)}.go:after{content:"";position:absolute;left:-8px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:9px solid var(--color-navy)}.go.down:after{bottom:-7px}.go.up:after{top:-7px}.go-label{position:absolute;left:2.25rem;top:50%;transform:translateY(-50%);white-space:nowrap;font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--color-navy)}.nest svg{display:block;width:100%;height:auto}.nest .o{fill:#e8eef9b3;stroke:#0d47a173;stroke-width:2}.nest .i{fill:#cffafee6;stroke:var(--color-cyan-deep);stroke-width:2}.nest .tag{font:600 14px var(--font-sans);fill:var(--color-ink-soft)}.nest .kw{font:600 18px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;fill:var(--color-navy)}.nest .ar{stroke:var(--color-navy);stroke-width:2.5}.nest .ah{fill:var(--color-navy)}.nest .note{font:600 15px var(--font-sans);fill:var(--color-navy)}.row-labels.lg{grid-auto-rows:2.1rem;padding-top:calc(1.1rem + 1px)}.line-label.lg{font-size:1.05rem;line-height:2.1rem}.code-man{border:1px solid var(--color-line);border-radius:.75rem;background:var(--color-paper);padding:12px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;line-height:24px}.code-man.lg{padding:1.1rem 1.75rem;font-size:1.2rem;line-height:1.75}.code-man.small-code{padding:10px 14px;font-size:14px;line-height:22px}.code-man .cl{white-space:pre}.code-man .cl.missing{margin:2px -8px;padding:0 6px;border:2px dashed #dc2626;border-radius:6px;opacity:.55}.code-man .cl.missing.frag-appear:not(.on){opacity:0}.mark-k,.mark-q,.mark-a,.mark-b{border-radius:4px;transition:background-color .5s ease,box-shadow .5s ease}.mark-k.on,.lit-k,.swatch-k{background:#dbe4f5;border-radius:4px}.mark-q.on,.swatch-q{background:#cffafe}.mark-a.on,.swatch-a{background:#dbe4f5;box-shadow:inset 0 -2px 0 var(--color-navy)}.mark-b.on,.swatch-b{background:#cffafe;box-shadow:inset 0 -2px 0 var(--color-cyan-deep)}.lit-swap{background:#a5f3fc;box-shadow:inset 0 -3px 0 var(--color-cyan-deep);border-radius:4px;padding:0 2px}.lit-good{background:#dbe4f5;box-shadow:inset 0 -2px 0 var(--color-navy);border-radius:4px}.lit-bad{background:#fef3c7;box-shadow:inset 0 -2px #d97706;border-radius:4px}.lit-row{background:#dbe4f5;border-radius:4px}.lit-col{background:#cffafe;border-radius:4px}.run-line{margin:0 -10px;padding:0 10px;border-radius:4px;transition:background-color .5s ease,box-shadow .5s ease}.run-line[data-frag]{opacity:1;transform:none}.tint-a.on{background:#dbe4f529;box-shadow:inset 3px 0 #93c5fd}.tint-b.on{background:#cffafe24;box-shadow:inset 3px 0 #67e8f9}.band{margin:0 -1.75rem;padding:0 1.75rem;transition:background-color .5s ease,box-shadow .5s ease}.code-man:not(.lg) .band{margin:0 -20px;padding:0 20px}.band.on{background:var(--color-navy-soft);box-shadow:inset 4px 0 0 var(--color-navy)}.band-tag{position:absolute;right:1rem;top:50%;translate:0 -50%;font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--color-navy)}.band-outer{background:#e8eef999;box-shadow:inset 4px 0 0 var(--color-navy)}.band-inner{margin:0 -1.75rem 0 0;padding:0 1.75rem 0 0;background:#cffafecc;box-shadow:inset 4px 0 0 var(--color-cyan-deep)}.band-swatch-outer{background:#e8eef9;box-shadow:inset 3px 0 0 var(--color-navy)}.band-swatch-inner{background:#cffafe;box-shadow:inset 3px 0 0 var(--color-cyan-deep)}.ival{display:none;margin-left:1.5rem;padding:.05rem .6rem;border-radius:.4rem;background:var(--color-navy);color:#fff;font-size:1rem;vertical-align:.1rem}.showcase-section[data-step="2"] .ival.v0,.showcase-section[data-step="3"] .ival.v1,.showcase-section[data-step="4"] .ival.v2{display:inline-block}.showcase-section[data-step="2"] .val-chip.c0,.showcase-section[data-step="3"] .val-chip.c1,.showcase-section[data-step="4"] .val-chip.c2{background:var(--color-navy);border-color:var(--color-navy);color:#fff}.showcase-section[data-step="2"] .band10,.showcase-section[data-step="3"] .band10,.showcase-section[data-step="4"] .band10{background:var(--color-navy-soft);box-shadow:inset 4px 0 0 var(--color-navy)}.val-chip.big{font-size:2.2rem;min-width:3.8rem;padding:.15rem .9rem;transition:background-color .3s ease,color .3s ease}.val-chip{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.35rem;min-width:2.4rem;text-align:center;padding:.05rem .6rem;border-radius:.5rem;background:var(--color-navy-soft);border:1px solid rgba(13,71,161,.25);color:var(--color-navy);font-weight:600}.val-chip.stop{background:transparent;border:1.5px dashed #94a3b8;color:#94a3b8;text-decoration:line-through;text-decoration-thickness:2px}.val-chip.num{width:100%;min-width:0;padding:.05rem 0;background:var(--color-paper);border-color:var(--color-line);color:var(--color-ink-soft);font-weight:500;transition:background-color .5s ease,color .5s ease,border-color .5s ease}.val-chip.num.hit.on{background:var(--color-navy);border-color:var(--color-navy);color:#fff;font-weight:600}.plus1{min-height:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem;font-weight:600;color:var(--color-navy)}.key{font-family:var(--font-sans);font-size:1.1rem;font-weight:600;padding:.15rem .7rem;border-radius:.45rem;border:1px solid #cbd5e1;border-bottom-width:3px;background:var(--color-paper);color:var(--color-ink)}.star-grid{display:grid;grid-template-columns:5.5rem repeat(5,4.2rem) 7rem;align-items:center;row-gap:.6rem}.star-grid .col-head,.star-grid .row-head{justify-self:center;white-space:nowrap;padding:.15rem .45rem;border-radius:.45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;transition:background-color .3s ease,color .3s ease}.star-grid .col-head{font-size:.95rem;color:#0e7490;background:var(--color-cyan-soft);border:1px solid rgba(8,145,178,.3);animation-duration:.6s;animation-timing-function:linear}.star-grid .row-head{font-size:1rem;color:var(--color-navy);background:var(--color-navy-soft);border:1px solid rgba(13,71,161,.25)}.showcase-section[data-step="1"] .star-grid .row-head.r1,.showcase-section[data-step="2"] .star-grid .row-head.r2,.showcase-section[data-step="3"] .star-grid .row-head.r3{background:var(--color-navy);color:#fff}.showcase-section[data-step="1"] .star-grid .col-head{animation-name:colrun1}.showcase-section[data-step="2"] .star-grid .col-head{animation-name:colrun2}.showcase-section[data-step="3"] .star-grid .col-head{animation-name:colrun3}.star-grid .col-head.c2{animation-delay:.6s}.star-grid .col-head.c3{animation-delay:1.2s}.star-grid .col-head.c4{animation-delay:1.8s}.star-grid .col-head.c5{animation-delay:2.4s}@keyframes colrun1{0%,to{background:var(--color-cyan-deep);color:#fff}}@keyframes colrun2{0%,to{background:var(--color-cyan-deep);color:#fff}}@keyframes colrun3{0%,to{background:var(--color-cyan-deep);color:#fff}}.star-grid .star{justify-self:center;width:3rem;height:3rem;display:grid;place-items:center;border-radius:.5rem;background:var(--color-ink);color:#ffffffeb;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.35rem}.star-grid .nl{padding-left:.75rem;font-size:.95rem;color:var(--color-ink-soft)}.flow{display:block;overflow:visible}.flow text{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;fill:var(--color-ink)}.flow .fe polyline{fill:none;stroke:var(--color-ink-mute);stroke-width:2px;stroke-linejoin:round;transition:stroke .4s ease,stroke-width .4s ease}.flow .fe .ah{fill:var(--color-ink-mute);transition:fill .4s ease}.flow .fe-label{font-family:var(--font-sans);font-size:13px;font-weight:600;fill:var(--color-ink-mute)}.flow .fe.frag-hot.on polyline{stroke:var(--color-navy);stroke-width:3.5px}.flow .fe.frag-hot.on .ah{fill:var(--color-navy)}.flow .fn-q polygon{fill:var(--color-cyan-soft);stroke:var(--color-cyan-deep);stroke-width:2px}.flow .fn-box rect{fill:var(--color-paper);stroke:#cbd5e1;stroke-width:1.5px}.trace-row{transition:background-color .4s ease,border-color .4s ease}.trace-code .cl{margin:0 -10px;padding:0 10px;border-radius:4px;transition:opacity .35s ease,background-color .35s ease}.repl{border:1px solid var(--color-line);border-radius:.75rem;background:var(--color-paper);padding:1.25rem 1.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.5rem;line-height:1.6}.repl .in{color:var(--color-ink);white-space:pre}.repl .ps{color:var(--color-cyan-deep);margin-right:.5rem}.repl .out{color:var(--color-navy);font-weight:600;margin-bottom:.35rem}.flow .fe.hot polyline{stroke:var(--color-navy);stroke-width:3.5px}.flow .fe.hot .ah{fill:var(--color-navy)}