.reading-practice-story{margin:1.5rem 0}.reading-story-navigation{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.reading-story-navigation a{display:grid;place-items:center;min-width:2.75rem;min-height:2.75rem;margin:0;border:1px solid #dbe2ea;border-radius:.4rem;text-decoration:none;background:#fff}.reading-story-navigation a:hover{background:#f0f2fa;border-color:navy}.reading-story-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding:.25rem .25rem 1rem;border:1px solid #dbe2ea;border-top:3px solid navy;border-radius:.5rem;scrollbar-color:#000080 #eef0f5}.reading-story-step{flex:0 0 100%;min-width:0;margin:0;padding:.75rem;display:grid;grid-template-columns:minmax(0,.95fr)minmax(0,1fr);gap:1.25rem;align-items:center;scroll-snap-align:start;scroll-margin-top:1rem}.reading-story-image{display:block;margin:0}.reading-story-image img{display:block;width:100%;height:auto;border:1px solid #eef0f5}.reading-story-step figcaption{min-width:0}.reading-story-step figcaption h3{margin-top:.4rem;font-size:1.25rem;line-height:1.3}.reading-story-step figcaption p{font-size:.95rem}.reading-story-step figcaption .reading-story-feature{color:navy;font-size:.8rem;font-weight:650}.reading-practice-story :focus-visible{outline:3px solid navy;outline-offset:3px}@media(max-width:600px){.reading-story-step{grid-template-columns:minmax(0,1fr);align-content:start;gap:.5rem}.reading-story-image{max-width:22rem;width:100%;margin-inline:auto}}