.story-index{flex-wrap:wrap;gap:.4rem 1rem;padding-block:.5rem 2rem;display:flex}.story-index a{font-size:.8rem;text-decoration:none}.story-index a span{width:1.35rem;color:var(--muted);display:inline-block}.story-index a[aria-current]{font-weight:600;text-decoration:underline}.story-chapter{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:4rem;padding-block:3rem 5rem;scroll-margin-top:2rem;display:grid}.story-copy h2{max-width:18ch;margin-bottom:2rem}.story-visual{position:sticky;top:2rem}.story-step{min-height:45svh;padding-block:2rem;scroll-margin-top:calc(45svh - 2rem)}.story-step h3{font-size:1.35rem}.story-step h3 a{color:var(--ink);text-decoration:none}.story-step.story-active h3 a{color:var(--accent)}.story-step p{max-width:38ch}.story-step .small{line-height:2}.story-reading{padding-block:1rem 2rem}.story-reading nav{flex-direction:column;align-items:flex-start;gap:.65rem;font-size:.8rem;display:flex}.story-relationships{font-size:.8rem}.story-relationships ul{line-height:1.9}@media (width<=760px){.story-chapter{flex-direction:column;gap:1.25rem;padding-block:2rem 3rem;display:flex}.story-visual{z-index:2;order:-1;width:100%;top:.5rem}.story-visual .concept-diagram{padding:.65rem}.story-visual .concept-diagram figcaption p,.story-step>.small{display:none}.story-copy{width:100%}.story-copy h2{margin-bottom:1rem}.story-step{min-height:32svh;padding-block:1.5rem;scroll-margin-top:calc(65svh - 2rem)}.story-step h3{font-size:1.2rem}.story-index{gap:.6rem 1rem}}@media print{.story-index{display:none}.story-chapter{break-before:page;display:block}.story-visual{position:static}.story-step{min-height:0}}
