.storypage .story{z-index:2;background:var(--color-paper);border-top:1px solid var(--color-rule);position:relative}.storypage .step{max-width:76rem;margin:0 auto;padding:0 1rem;display:grid}.storypage .st-fig{z-index:0;background:var(--color-paper);padding:1rem 0 .5rem;position:sticky;top:0}.storypage .st-text{z-index:1;background:var(--color-paper);border:1px solid var(--color-rule);max-width:34rem;margin:35vh 0 45vh;padding:1rem 1.1rem;position:relative}.storypage .st-text h2{font-family:var(--font-display);margin:.2rem 0 .6rem;font-size:1.35rem;line-height:1.15}.storypage .st-text p{margin:0 0 .7rem;font-size:1.02rem}.storypage .st-text strong{background:linear-gradient(transparent 58%, color-mix(in srgb, var(--hue) 35%, transparent) 58%);padding:0 .1em;font-size:1.1em}.storypage .st-text .from{margin:0;font-size:.85rem}@media (width>=60rem){.storypage .step{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;column-gap:3rem}.storypage .st-fig{padding:0;top:max(1rem,50vh - 20rem)}.storypage .st-text{border:0;border-left:3px solid var(--hue);margin:30vh 0 60vh}}@media (width<=59.99rem){.storypage .sfig{max-width:min(100%,73.3333svh - 5.33333rem);margin:0 auto}}.storypage .sfig{margin:0}.storypage .sfig .figure{aspect-ratio:4/3;margin:0}.storypage .sfig .lbl{color:var(--color-ink-2)}.storypage .sfig .lbl.mark,.storypage .sfig .lbl.syear{color:var(--color-ink);background:var(--color-paper);padding:0 .2rem}.storypage .sfig .lbl.syear b{font-family:var(--font-display);font-size:1.35rem}.storypage .how{color:var(--color-ink-2);margin-top:.4rem;font-size:.8rem}.storypage .skey{flex-wrap:wrap;gap:.2rem .9rem;margin:.5rem 0 0;font-size:.8rem;display:flex}.storypage .kitem{align-items:center;gap:.35rem;display:inline-flex}.storypage .ksw{background:var(--c);width:.8rem;height:.8rem;display:inline-block}.storypage .ksw.khatch{background:repeating-linear-gradient(-45deg, var(--c) 0 3px, var(--color-paper) 3px 4.2px)}.storypage .ksw.kghost{border:1.5px solid var(--color-ink);background:0 0}.storypage .sgrid,.storypage .smed{stroke:var(--color-rule);stroke-width:1px;fill:none;vector-effect:non-scaling-stroke}.storypage .smed{stroke:var(--color-ink);stroke-dasharray:4 3}.storypage .srule{stroke:var(--color-ink);stroke-width:1.2px;fill:none;vector-effect:non-scaling-stroke}.storypage .srule.thick{stroke-width:3px}.storypage .srange{stroke:var(--color-ink);stroke-width:2px;vector-effect:non-scaling-stroke}.storypage .shist{fill:var(--ramp-grey-3)}.storypage .sband{fill:var(--tone-2);opacity:.55}.storypage .sdot{fill:var(--color-ink);stroke:var(--color-paper);stroke-width:1px}.storypage .sdot.dim{fill:var(--color-ink-2)}.storypage .sghost{fill:none;stroke:var(--color-ink);stroke-width:1.2px;stroke-opacity:.7;vector-effect:non-scaling-stroke}.storypage .slit{fill:var(--tone-5)}.storypage .srest{fill:var(--ramp-grey-2)}.storypage .sc1{fill:var(--ramp-blue-1)}.storypage .sc2{fill:var(--ramp-blue-2)}.storypage .sc3{fill:var(--ramp-blue-3)}.storypage .sh1{fill:var(--ramp-red-1)}.storypage .sh2{fill:var(--ramp-red-2)}.storypage .sh3{fill:var(--ramp-red-3)}.storypage .sh4{fill:var(--ramp-red-4)}.storypage .sh5{fill:var(--ramp-red-5)}.storypage .sh6{fill:var(--ramp-red-6)}.storypage .sh7{fill:var(--ramp-red-7)}.storypage .scards{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.storypage .scards a{border:1px solid var(--color-rule);border-top:4px solid var(--hue);flex-direction:column;gap:.3rem;height:100%;padding:1rem;text-decoration:none;display:flex;container-type:inline-size}.storypage .scards a:hover b{text-decoration:underline}.storypage .sc-fig{font-family:var(--font-display);color:var(--hue);font-size:min(2.4rem,16cqi);font-weight:700;line-height:1}.storypage .sc-lab,.storypage .sc-line{color:var(--color-ink-2);font-size:.85rem}.storypage .scards b{font-family:var(--font-display);margin-top:.4rem;font-size:1.2rem}