@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.fig{margin-block:2.4em;padding-block:1rem 0;border-top:var(--hair) solid var(--ink-3)}.piece-text>figure.fig.wide{--figure: min(56rem, 100cqi);inline-size:var(--figure);margin-inline:calc((100% - var(--figure)) / 2)}.image-hero>figure.fig{inline-size:min(56rem,100%);margin:0 auto}:is(.entry,.card) .fig-thumb{display:block;overflow:hidden;filter:none;background:var(--paper)}.fig-thumb svg{display:block;inline-size:100%;block-size:100%}.card .fig-thumb svg{block-size:auto}.fig figcaption{margin-top:.9rem;color:var(--ink-2);text-align:center;text-wrap:balance}.fig :is(ol,ul){margin:0;padding:0;list-style:none}.fig li,.fig li+li{margin:0}:where(.fig) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;border-radius:var(--radius)}:where(.fig) :is(button,input):focus-visible{outline:var(--hair) solid var(--accent);outline-offset:3px}.fig-play{color:var(--accent-ink)}.fig-play:hover{color:var(--accent)}.fig-pill{padding:.55rem .95rem;border:var(--hair) solid var(--accent);border-radius:2rem;color:var(--accent-ink)}.fig-pill:hover{background:color-mix(in oklab,var(--accent) 10%,transparent)}.fig-pill:disabled{border-color:var(--line);color:var(--ink-3);cursor:default;background:none}.fig-views{display:inline-flex;gap:.2rem;padding:.2rem;border:var(--hair) solid var(--line);border-radius:2rem}.fig-views button{padding:.4rem .9rem;border-radius:2rem;color:var(--ink-2);transition:background-color .2s ease,color .2s ease}.fig-views button:hover{color:var(--ink)}.fig-views [aria-pressed=true]{background:var(--ink);color:var(--paper)}.switch{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink-2);cursor:pointer}.switch input{appearance:none;inline-size:2.4rem;block-size:1.35rem;margin:0;border-radius:1rem;background:var(--line);position:relative;cursor:pointer;transition:background-color .2s ease}.switch input:after{content:"";position:absolute;inset:.18rem auto .18rem .18rem;inline-size:1rem;border-radius:50%;background:var(--paper);transition:translate .22s cubic-bezier(.2,.7,.2,1)}.switch input:checked{background:var(--accent)}.switch input:checked:after{translate:1.05rem 0}.fig-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem 1.4rem;margin-top:.6rem}.fig-controls input[type=range]{inline-size:100%;accent-color:var(--accent)}.fig-numbers{margin-top:.8rem;color:var(--ink-2)}.fig-numbers summary{cursor:pointer}.fig-numbers table{margin-top:.6rem;inline-size:auto}.fig-small{color:var(--ink-2)}.fig-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.5rem}.fig-read{flex:1 1 18rem;min-block-size:3em;margin:0;color:var(--ink)}.fig-key{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;color:var(--ink-2)}.fig-key li{display:inline-flex;align-items:center;gap:.4rem;cursor:default}.fig-key i{inline-size:.8rem;block-size:.8rem;border-radius:2px}.fig .plot{display:block;inline-size:100%;block-size:auto;margin-top:.4rem;overflow:visible;touch-action:pan-y}.fig .plot .grid{stroke:var(--line);stroke-width:1}.fig .plot .axis{stroke:var(--ink-3);stroke-width:1.2}.fig .plot :is(.tick,.axis-label){fill:var(--ink-2)}.fig .plot .cursor{stroke:var(--ink-3);stroke-dasharray:2 3;opacity:0}.fig.pointing .plot .cursor{opacity:1}.fig[data-pick] [data-pick-of]{opacity:.22;transition:opacity .2s ease}.fig[data-pick="0"] [data-pick-of="0"],.fig[data-pick="1"] [data-pick-of="1"],.fig[data-pick="2"] [data-pick-of="2"],.fig[data-pick="3"] [data-pick-of="3"],.fig[data-pick="4"] [data-pick-of="4"]{opacity:1}@media(prefers-reduced-motion:reduce){.fig *,.fig *:before,.fig *:after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}}}@layer type{:where(.fig-display){font-family:var(--font-display);font-size:var(--t-d3);font-weight:300;line-height:1;font-variant-numeric:oldstyle-nums}.fig .plot :is(.tick,.axis-label){font:400 13px var(--font-text);font-variant-numeric:lining-nums tabular-nums}@media(width<40rem){.fig .plot :is(.tick,.axis-label){font-size:22px}}}

@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.compare-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.5rem}.compare .compare-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:1.25rem;margin-top:1.1rem}.compare-item{--v0: 0;--v1: 0;display:grid;gap:.5rem;justify-items:center}.compare-track{position:relative;display:block;inline-size:100%;block-size:11rem;border-bottom:1.5px solid var(--ink)}.compare-track i{position:absolute;inset-inline:24%;bottom:0;border-radius:3px 3px 0 0;transition:block-size .9s cubic-bezier(.2,.7,.2,1),background-color .4s ease,border-color .4s ease}.compare-track .bar{block-size:calc(var(--v1) * 100%);background:var(--accent)}.compare-track .ghost{z-index:1;block-size:calc(var(--v0) * 100%);border:1.5px dashed var(--ink-2);border-bottom:0}.compare[data-state="0"] .bar{block-size:calc(var(--v0) * 100%);background:color-mix(in oklab,var(--ink) 38%,var(--paper))}.compare[data-state="0"] .ghost{block-size:calc(var(--v1) * 100%);border-color:var(--accent)}}

@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.levels-body{--n: 4;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26rem) minmax(0,1fr);grid-template-rows:repeat(var(--n),4.4rem);gap:3px 1.25rem;margin-top:.6rem}.levels .levels-tiers{grid-column:2;grid-row:1 / -1;display:grid;grid-template-rows:subgrid}.levels .tier{--row: 1;--w: 1;grid-row:var(--row);display:grid;place-items:center;padding:0 .6rem;background:color-mix(in oklab,var(--ink) 9%,var(--paper));color:var(--ink);text-align:center;transition:opacity .6s ease,translate .6s cubic-bezier(.2,.7,.2,1),background-color .2s ease;transition-delay:calc((var(--n) - var(--row)) * .13s),calc((var(--n) - var(--row)) * .13s),0ms}.levels .tier span{max-inline-size:calc(var(--w) * 100% - 1rem);text-wrap:balance}.levels .tier.proposed{background:repeating-linear-gradient(180deg,var(--accent) 0 2px,transparent 2px 7px)}.levels .tier.apex span{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.levels-group{--from: 1;--to: 2;grid-row:var(--from) / var(--to);align-self:stretch;display:flex;align-items:center;margin:0;color:var(--ink-2);transition:opacity .5s ease .7s,color .2s ease}.levels-group.left{grid-column:1;justify-content:flex-end;padding-right:.9rem;border-right:1.5px solid var(--ink-3);text-align:right}.levels-group.right{grid-column:3;justify-content:flex-start;padding-left:.9rem;border-left:1.5px solid var(--accent)}.levels.building .tier{opacity:0;translate:0 .8rem}.levels.building .levels-group{opacity:0}.levels[data-pick] .tier,.levels[data-pick] .levels-group{opacity:.35}.levels[data-pick="0"] [data-group="0"],.levels[data-pick="1"] [data-group="1"]{opacity:1;color:var(--ink)}.levels[data-pick="0"] .tier[data-group="0"]{background:color-mix(in oklab,var(--accent) 18%,var(--paper))}@media(width<40rem){.levels-body{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--n),3.9rem) auto auto;column-gap:0}.levels .levels-tiers{grid-column:1;grid-row:1 / span var(--n)}.levels-group.left,.levels-group.right{grid-column:1;grid-row:auto;justify-content:flex-start;margin-top:.5rem;padding:0 0 0 .75rem;border:0;border-left:1.5px solid var(--ink-3);text-align:left}.levels-group.right{border-left-color:var(--accent)}}}

@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.loading-bar{--p: 1;position:relative;block-size:1.1rem;margin-top:.6rem;border:1.5px solid var(--ink);border-radius:1rem;overflow:hidden}.loading-bar i{position:absolute;inset:2px;border-radius:1rem;background:var(--accent);transform-origin:0 50%;scale:var(--p) 1}.loading-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-top:.7rem}.loading-status{min-block-size:1.5em}.loading-pct{color:var(--accent-ink)}.loading-controls{display:flex;justify-content:center;margin-top:.9rem}.loading.working .loading-bar{border-color:var(--accent)}}@layer type{:where(.loading-pct){font-family:var(--font-display);font-size:var(--t-d3);font-weight:300;line-height:1;font-variant-numeric:lining-nums tabular-nums}}

@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.loop-plot{display:block;inline-size:100%;block-size:auto;margin-top:.4rem;overflow:visible}.loop-plot .node{fill:var(--ink)}.loop-plot .forward{fill:none;stroke:var(--ink);stroke-width:1.8}.loop-plot .back{fill:none;stroke-width:1.8;stroke-linejoin:round;transition:stroke .3s ease,opacity .3s ease}.loop-plot .back.closed{stroke:var(--accent)}.loop-plot .back.open{stroke:var(--ink-3);stroke-dasharray:5 5}.loop-plot .back-label.closed{fill:var(--accent-ink)}.loop-plot .back-label.open{fill:var(--ink-2)}.loop-plot .head-ink path{stroke:var(--ink)}.loop-plot .head-accent path{stroke:var(--accent)}.loop-plot .head-quiet path{stroke:var(--ink-3)}.loop-plot marker path{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.loop-plot .pulse{fill:var(--accent);stroke:var(--paper);stroke-width:2;opacity:0;transition:opacity .25s ease}.loop-plot .pulse.on{opacity:1}.loop-plot .guide{fill:none;stroke:none}.loop.live:not(.closed) .back.closed,.loop.live:not(.closed) .back-label.closed{opacity:.3}.loop.live.closed .back.open,.loop.live.closed .back-label.open{opacity:.25}.loop-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.75rem;margin-top:.6rem}.loop-status{min-block-size:1.5em;margin:.5rem 0 0;text-align:center}}@layer type{.loop-plot .node{font:500 15px var(--font-text);letter-spacing:.14em}.loop-plot .back-label{font:italic 400 19px var(--font-display)}@media(width<40rem){.loop-plot .node{font-size:26px}.loop-plot .back-label{font-size:30px}}}

@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.pipeline .pipeline-groups{--total: 1;display:grid;grid-template-columns:repeat(var(--total),minmax(0,1fr));grid-template-rows:auto auto;margin-top:.6rem}.pipeline-group{--steps: 1;grid-column:span var(--steps);grid-row:1 / span 2;display:grid;grid-template-rows:subgrid;min-inline-size:0}.pipeline-group-name{align-self:end;display:flex;align-items:center;gap:.6rem;padding-inline:.4rem;color:var(--ink-2);text-align:center;transition:color .2s ease}.pipeline-group-name:before,.pipeline-group-name:after{content:"";flex:1;min-inline-size:.75rem;border-top:1.5px solid var(--line)}.pipeline .pipeline-steps{display:flex;margin-top:.9rem}.pipeline-step{position:relative;flex:1;display:grid;justify-items:center;align-content:start;gap:.15rem;padding:1.75rem .25rem 0;text-align:center}.pipeline-step:after{content:"";position:absolute;inset:.66rem 0 auto;block-size:1.5px;background:var(--ink-3);transition:background-color .3s ease}.pipeline-step:before{content:"";position:absolute;top:.35rem;left:50%;z-index:1;inline-size:.75rem;block-size:.75rem;translate:-50% 0;border:1.5px solid var(--ink);border-radius:50%;background:var(--paper);transition:background-color .25s ease,border-color .25s ease,scale .25s ease}.pipeline-group:first-child .pipeline-step:first-child:after{left:50%}.pipeline-group:last-child .pipeline-step:last-child:after{right:50%}.pipeline-n{color:var(--accent-ink)}.pipeline-step.lit:before{border-color:var(--accent);background:var(--accent)}.pipeline-step.lit:after{background:var(--accent)}.pipeline-step.now:before{scale:1.45}.pipeline-group.lit .pipeline-group-name{color:var(--ink)}.pipeline-controls{display:flex;justify-content:flex-end;margin-top:.8rem}@media(width<40rem){.pipeline .pipeline-groups{display:flex;flex-direction:column;gap:.6rem}.pipeline-group{display:block}.pipeline-group-name{padding-inline:0}.pipeline-group-name:before{flex:0 0 .75rem}.pipeline .pipeline-steps{flex-direction:column;margin-top:.4rem}.pipeline-step{justify-items:start;grid-auto-flow:column;justify-content:start;gap:.5rem;padding:.25rem 0 .55rem 2.1rem;text-align:left}.pipeline-step:after{inset:0 auto 0 .66rem;inline-size:1.5px;block-size:auto}.pipeline-step:before{top:.45rem;left:.66rem}.pipeline-group:first-child .pipeline-step:first-child:after{left:.66rem;top:.8rem}.pipeline-group:last-child .pipeline-step:last-child:after{right:auto;bottom:calc(100% - .8rem)}}}@layer type{:where(.pipeline-n){font-family:var(--font-display);font-size:var(--t-d5);font-style:italic;font-weight:400;line-height:1}}

@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.race-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem clamp(1.5rem,5vw,3.5rem);margin-top:.6rem}.race-lane{display:grid;align-content:start;gap:.35rem}.race-code{display:block;inline-size:100%;block-size:auto;padding:.75rem;border:var(--hair) solid var(--line);border-radius:var(--radius);background:color-mix(in oklab,var(--ink) 3%,var(--paper))}.race-code rect{transition:opacity .12s ease}.race-lane.l0 .race-code rect{fill:color-mix(in oklab,var(--ink) 42%,var(--paper))}.race-lane.l1 .race-code rect{fill:var(--accent)}.race-code .unwritten{opacity:0}.race-name,.race-count{margin:0}.race-name{margin-top:.4rem}.race-count b{color:var(--ink)}.race-lane.done .race-count b{color:var(--accent-ink)}.race.live .race-lane:not(.done) .race-says{visibility:hidden}.race-controls{display:flex;justify-content:flex-end;margin-top:.8rem}}@layer type{:where(.race-count b){font-weight:500;font-variant-numeric:lining-nums tabular-nums}}

@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.shift-rows{--s: 1;position:relative;display:grid;gap:.6rem;margin-top:.6rem}.shift .shift-row{--n: 2;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:.4rem}.shift-row li{display:grid;place-items:center;min-block-size:2.6rem;padding:.3rem .6rem;border:1.5px solid var(--ink-3);border-radius:.5rem;color:var(--ink-2);text-align:center;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.shift-row li.on{border-color:var(--accent);background:var(--accent);color:var(--paper)}.shift-line{position:absolute;inset-block:-.35rem;left:calc(var(--s) * 100%);z-index:1;inline-size:2px;translate:-1px 0;background:var(--ink);opacity:0;transition:opacity .3s ease;pointer-events:none}.shift.sweeping .shift-line{opacity:1}}

@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.timeline-track{--a: 0;--b: 0;position:relative;block-size:10.5rem;margin-top:.4rem}.timeline-track:before{content:"";position:absolute;inset:4.6rem 7% auto;block-size:1.5px;background:var(--ink)}.timeline .timeline-events li{--at: 0;position:absolute;top:0;left:calc(7% + var(--at) * 86%);inline-size:24%;translate:-50% 0;display:grid;grid-template-rows:3.9rem auto;justify-items:center;text-align:center}.timeline-name{align-self:end;padding-bottom:.55rem;text-wrap:balance}.timeline-year{position:relative;padding-top:.75rem}.timeline-events li:after{content:"";position:absolute;top:calc(4.225rem + .75px);left:50%;inline-size:.75rem;block-size:.75rem;translate:-50% 0;border:1.5px solid var(--ink);border-radius:50%;background:var(--accent)}.timeline .timeline-events li:first-child{translate:-.375rem 0;justify-items:start;text-align:left}.timeline .timeline-events li:first-child:after{left:.375rem}.timeline .timeline-events li:last-child{translate:calc(-100% + .375rem) 0;justify-items:end;text-align:right}.timeline .timeline-events li:last-child:after{left:calc(100% - .375rem)}.timeline-mark{--at: 0;position:absolute;top:4.6rem;left:calc(7% + var(--at) * 86%);display:grid;justify-items:center;translate:-50% 0;transition:left 1.4s cubic-bezier(.3,.6,.2,1)}.timeline-mark:before{content:"";inline-size:1.5px;block-size:3.6rem;background:currentColor}.timeline-mark.written{color:var(--ink-3)}.timeline-mark.today{z-index:1;color:var(--accent-ink)}.timeline-mark span{color:inherit;white-space:nowrap}.timeline-since{position:absolute;top:calc(4.6rem - 1.5px);left:calc(7% + var(--a) * 86%);inline-size:calc((var(--b) - var(--a)) * 86%);block-size:4.5px;border-radius:3px;background:var(--accent);transition:inline-size 1.4s cubic-bezier(.3,.6,.2,1)}.timeline-read{margin:.2rem 0 0;text-align:center}@media(width<40rem){.timeline-track{block-size:21rem;margin-block:.8rem 2.4rem}.timeline-track:before{inset:.6rem auto .6rem 36%;inline-size:1.5px;block-size:auto}.timeline .timeline-events li,.timeline .timeline-events li:first-child,.timeline .timeline-events li:last-child{top:calc(.6rem + var(--at) * (100% - 1.2rem));left:36%;inline-size:62%;translate:0 -.8em;display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:.6rem;padding-left:1.1rem;text-align:left}.timeline-name{padding-bottom:0}.timeline-year{padding-top:0}.timeline .timeline-events li:after,.timeline .timeline-events li:first-child:after,.timeline .timeline-events li:last-child:after{top:.8em;left:0;translate:-50% -50%}.timeline-mark{top:calc(.6rem + var(--at) * (100% - 1.2rem));left:auto;right:64%;grid-auto-flow:column;align-items:center;gap:.5rem;translate:0 -50%;transition:top 1.4s cubic-bezier(.3,.6,.2,1)}.timeline-mark:before{order:1;inline-size:1.4rem;block-size:1.5px}.timeline-since{top:calc(.6rem + var(--a) * (100% - 1.2rem));left:calc(36% - 1.5px);inline-size:4.5px;block-size:calc((var(--b) - var(--a)) * (100% - 1.2rem));transition:block-size 1.4s cubic-bezier(.3,.6,.2,1)}}}@layer type{:where(.timeline-name){font-family:var(--font-display);font-size:var(--t-d6);font-style:italic;font-weight:400;line-height:1.15}}