@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{.growth-live{margin:0 0 1rem;text-align:center}.growth-count{display:block;color:var(--accent-ink)}.growth-live-label{display:block;margin-top:.3rem;color:var(--ink-2)}.growth-read{display:flex;align-items:baseline;gap:.75rem;margin:0}.growth-value{color:var(--ink-2)}.growth-plot{display:block;inline-size:100%;block-size:auto;margin-top:.4rem;overflow:visible;touch-action:pan-y}.growth-plot .grid{stroke:var(--line);stroke-width:1}.growth-plot .tick{fill:var(--ink-2)}.growth-plot .bar{fill:var(--ink);transition:fill .15s ease}.growth-plot .bar.out{fill:var(--line)}.growth-plot .bar.now{fill:var(--accent)}.growth-plot :is(.year,.quarter){fill:var(--ink-2)}}@layer type{:where(.growth-count){font-family:var(--font-display);font-size:var(--t-d1);font-weight:300;line-height:1;font-variant-numeric:lining-nums tabular-nums}:where(.growth-year){font-family:var(--font-display);font-size:var(--t-d3);font-weight:300;line-height:1;font-variant-numeric:oldstyle-nums}.growth-plot .tick{font:400 13px var(--font-text)}.growth-plot .year{font:italic 400 18px var(--font-display)}.growth-plot .quarter{font:400 14px var(--font-text);letter-spacing:.04em}@media(width<40rem){.growth-plot .tick{font-size:24px}.growth-plot .year{font-size:30px}.growth-plot .quarter{font-size:24px}}}

@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.load-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.5rem;margin-bottom:1.1rem}.load-read{display:flex;align-items:baseline;gap:.8rem;margin:0}.load-pct{color:var(--accent-ink)}.load-what{color:var(--ink-2)}.load-field{display:grid;grid-template-columns:repeat(34,minmax(0,1fr));gap:3px}.load-field i{aspect-ratio:1;border-radius:2px;transition:background-color .38s ease,opacity .2s ease}.load-key{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;margin:.9rem 0 0;padding:0;list-style:none;color:var(--ink-2)}.load-key li,.load-key li+li{display:inline-flex;align-items:baseline;gap:.45rem;margin:0}.load-key i{align-self:center;inline-size:.75rem;block-size:.75rem;border-radius:2px}.load-key b{color:var(--ink)}.load-scale{margin:.7rem 0 0;color:var(--ink-2)}.load-field .t0,.load-key .t0 i{background:var(--accent)}.load-field .t1,.load-key .t1 i{background:color-mix(in oklab,var(--ink) 46%,var(--paper))}.load-field .t2,.load-key .t2 i{background:color-mix(in oklab,var(--ink) 34%,var(--paper))}.load-field .t3,.load-key .t3 i{background:color-mix(in oklab,var(--ink) 24%,var(--paper))}.load-field .t4,.load-key .t4 i{background:color-mix(in oklab,var(--ink) 16%,var(--paper))}.load[data-pick] .load-field i{opacity:.16}.load[data-pick="0"] .load-field .t0,.load[data-pick="1"] .load-field .t1,.load[data-pick="2"] .load-field .t2,.load[data-pick="3"] .load-field .t3,.load[data-pick="4"] .load-field .t4{opacity:1}.load.live :is(.both,.unit),.load.live:not(.weight) .v1,.load.live.weight .v0{display:none}@media(width<40rem){.load-field{grid-template-columns:repeat(22,minmax(0,1fr));gap:2px}}}@layer type{:where(.load-pct){font-family:var(--font-display);font-size:var(--t-d1);font-weight:300;line-height:1;font-variant-numeric:lining-nums proportional-nums}:where(.load-key b){font-weight:500;font-variant-numeric:lining-nums tabular-nums}}

@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.plate-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:.9rem}.plate-number{color:var(--ink-2)}.plate-notes{margin-left:auto;color:var(--ink-2)}.plate-notes:hover,.plate-notes[aria-pressed=true]{color:var(--accent-ink)}.plate-view{position:relative;overflow:hidden;border-radius:var(--radius)}.plate-zoom{--zoom: 1;position:relative;transform-origin:0 0;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.piece-text>figure.fig.plate{--natural: 56rem;--figure: min(56rem, 100cqi, var(--natural))}.plate .plate-zoom img{inline-size:100%;max-inline-size:none;block-size:auto;max-block-size:none;margin:0;filter:grayscale(1) contrast(1.04) var(--image-filter)}.plate:focus{outline:none}.plate-mark{--i: 0;position:absolute;display:grid;place-items:center;inline-size:2rem;block-size:2rem;translate:-50% -50%;border-radius:50%;border:var(--hair) solid var(--accent);background:color-mix(in oklab,var(--paper) 86%,transparent);color:var(--accent-ink);transform:scale(calc(var(--k, 1) / var(--zoom, 1)));transition:transform .9s cubic-bezier(.2,.7,.2,1),background-color .2s ease,color .2s ease,opacity .3s ease,inline-size .3s ease,block-size .3s ease}.stepping .plate-mark{cursor:pointer}.plate-mark:hover,.plate-mark.on{--k: 1.12;background:var(--accent);color:var(--paper)}.plate.zoomed .plate-mark.on{--k: 1;inline-size:3.6rem;block-size:3.6rem;background:transparent;color:transparent;border-width:2px;box-shadow:0 0 0 1px color-mix(in oklab,var(--paper) 55%,transparent)}.plate.zoomed .plate-mark:not(.on){opacity:0;pointer-events:none}.plate.zoomed .plate-view{cursor:zoom-out}.plate-whole{position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem .5rem .7rem;border:var(--hair) solid color-mix(in oklab,var(--ink) 22%,transparent);border-radius:2rem;background:color-mix(in oklab,var(--paper) 92%,transparent);color:var(--ink);box-shadow:0 2px 12px color-mix(in oklab,var(--ink) 20%,transparent);visibility:hidden;opacity:0;translate:0 -.4rem;transition:opacity .22s ease,translate .22s ease,visibility 0s linear .22s}.plate.zoomed .plate-whole{visibility:visible;opacity:1;translate:none;transition-delay:.35s,.35s,0s}.plate-whole:hover{color:var(--accent-ink);border-color:var(--accent)}.plate-whole svg{inline-size:1.05rem;block-size:1.05rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.plate.breathe:not(.zoomed) .plate-mark{animation:mark-breathe 1s cubic-bezier(.3,.7,.3,1) calc(.25s + var(--i) * .16s) both}@keyframes mark-breathe{40%{scale:1.3}}.plate.bare .plate-mark{opacity:0;pointer-events:none}.plate-key{display:grid;gap:.45rem;margin:1rem 0 0;padding:0;list-style:none}.plate-key li{display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:.6rem}.plate-numeral{color:var(--accent-ink);text-align:center}.plate-key dfn{font-style:normal}.stepping .plate-key li:not(.on){display:none}.stepping .plate-key .plate-intro{grid-template-columns:minmax(0,1fr)}.plate.bare .plate-key{visibility:hidden}.plate-steps{display:flex;align-items:center;justify-content:flex-end;gap:.3rem;margin-top:.5rem;color:var(--ink-2);white-space:nowrap}.plate-steps button{display:grid;place-items:center;inline-size:2.25rem;block-size:2.25rem;border-radius:50%;color:var(--ink-2)}.plate-steps button:hover{color:var(--accent-ink);background:color-mix(in oklab,var(--ink) 6%,transparent)}}@layer type{:where(.plate-title){font-family:var(--font-display);font-size:var(--t-d6);font-style:italic;font-weight:400;line-height:1.3}:where(.plate-key li){font-family:var(--font-display);font-size:var(--t-d6);font-style:italic;font-weight:400;line-height:1.4}:where(.plate-mark,.plate-numeral){font-family:var(--font-display);font-size:1.15rem;font-style:italic;font-weight:500;line-height:1}}

@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.tags-plot{display:block;inline-size:100%;block-size:auto;overflow:visible}.tags-plot .frame{fill:none;stroke:var(--ink-3);stroke-width:1.2}.tags-plot .block{fill:color-mix(in oklab,var(--ink) 6%,transparent);stroke:var(--ink-3)}.tags-plot .slot{fill:none;stroke:var(--ink-3);stroke-dasharray:4 4}.tags-plot .area{fill:var(--ink-2)}.tags-plot .tag{fill:var(--paper);stroke:var(--ink-2);transform-box:fill-box;transform-origin:center}.tags-plot .tag.third{stroke:var(--accent)}.tags-plot .link{fill:none;stroke:color-mix(in oklab,var(--accent) 45%,transparent);stroke-width:1}.tags-plot .pending{opacity:0}.tags-plot .tag.spawn{animation:tag-spawn .42s cubic-bezier(.2,1.4,.4,1) both}.tags-plot .link.spawn{stroke-dasharray:400;animation:tag-link .52s ease both}@keyframes tag-spawn{0%{transform:scale(0)}}@keyframes tag-link{0%{stroke-dashoffset:400}to{stroke-dashoffset:0}}.tags-meters{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 2.6rem;margin-top:1rem}.tags-meters p{margin:0;display:grid;justify-items:center}.tags-meters span{color:var(--ink-2)}.tags-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.75rem;margin-top:.9rem}.tags-status{min-block-size:1.5em;margin:.6rem 0 0;color:var(--ink-2);text-align:center}}@layer type{:where(.tags-meters b){font-family:var(--font-display);font-size:var(--t-d3);font-weight:300;line-height:1;font-variant-numeric:oldstyle-nums}.tags-plot .area{font:500 11px var(--font-text);letter-spacing:.14em}@media(width<40rem){.tags-plot .area{font-size:26px}}}

@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.trend-read{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.5rem;margin:0}.trend-values{display:flex;flex-wrap:wrap;gap:.3rem 1.25rem;color:var(--ink-2)}.trend-value{display:inline-flex;align-items:baseline;gap:.45rem}.trend-value i{align-self:center;inline-size:1rem;block-size:2px;border-radius:1px}.trend-value b{color:var(--ink)}.trend-plot{display:block;inline-size:100%;block-size:auto;margin-top:.6rem;overflow:visible;touch-action:pan-y}.trend-plot .grid{stroke:var(--line);stroke-width:1}.trend-plot .year-tick{stroke:var(--ink-3);stroke-width:1}.trend-plot .year{fill:var(--ink-2)}.trend-plot .line{fill:none;stroke-width:2.25;stroke-linejoin:round;stroke-linecap:round}.trend-plot .cursor{stroke:var(--ink-3);stroke-width:1;stroke-dasharray:2 3}.trend-plot .dot{stroke:var(--paper);stroke-width:2}.trend-plot .line.s0{stroke:var(--ink)}.trend-plot .line.s1{stroke:var(--accent)}.trend-plot .line.all{stroke:var(--line)}.trend-plot .dot.s0{fill:var(--ink)}.trend-plot .dot.s1{fill:var(--accent)}.trend-plot .name.s0{fill:var(--ink)}.trend-plot .name.s1{fill:var(--accent-ink)}.trend-value.s0 i{background:var(--ink)}.trend-value.s1 i{background:var(--accent)}}@layer type{:where(.trend-when){font-family:var(--font-display);font-size:var(--t-d3);font-weight:300;line-height:1;font-variant-numeric:oldstyle-nums}:where(.trend-value b){font-weight:500;font-variant-numeric:lining-nums tabular-nums}.trend-plot .year{font:italic 400 18px var(--font-display)}.trend-plot .name{font:italic 400 19px var(--font-display)}@media(width<40rem){.trend-plot .year,.trend-plot .name{font-size:30px}}}
