.reading-story-a{color:color-mix(in oklab, var(--chart-1) 70%, var(--foreground))}.reading-story-b{color:color-mix(in oklab, var(--chart-2) 70%, var(--foreground))}.reading-story-c{color:color-mix(in oklab, var(--chart-4) 70%, var(--foreground))}.reading-story-mark{border-color:color-mix(in oklab, currentColor 30%, transparent);background:color-mix(in oklab, currentColor 10%, transparent)}.reading-story-map{grid-template-columns:1.5rem repeat(12,minmax(0,1fr));align-items:center;gap:.45rem .25rem;display:grid}.reading-map-row{display:contents}.reading-map-cell{place-items:center;min-height:2rem;display:grid;position:relative}.reading-map-cell:before{content:"";opacity:.25;border-top:1px solid;position:absolute;inset:50% 0 auto}.reading-map-dot{z-index:1;background:var(--card);border:1px solid;border-radius:50%;width:.6rem;height:.6rem}.reading-map-dot[data-present=true]{box-shadow:0 0 0 3px color-mix(in oklab, currentColor 14%, transparent);background:currentColor}.reading-question-text{letter-spacing:-.01em;font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.4}.reading-manuscript{padding:clamp(1.5rem,4vw,3rem)}.reading-manuscript>div{background:0 0;border:0;border-radius:0;max-width:68ch;margin-block:0;padding:0}.reading-manuscript>div>:first-child{margin-top:0}.reading-manuscript p{color:var(--foreground);line-height:1.8}.reading-manuscript-grid{align-items:start;gap:0;display:grid}@media (min-width:768px){.reading-manuscript-grid{grid-template-columns:minmax(0,1fr) 17rem;gap:1rem}}@media (max-width:639px){.reading-story-map{grid-template-columns:1.25rem repeat(12,minmax(0,1fr));gap:.35rem .1rem}}