.book-story-context{margin:30px 0 38px;padding:28px;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-ink)}.book-story-context h2{font:400 clamp(1.5rem,3vw,2rem)/1.2 var(--font-serif);margin:10px 0 18px}.book-story-heading{font:400 1.15rem var(--font-serif);color:var(--color-meta);margin:0 0 10px}.book-story-note{font-size: .9375rem;line-height:1.85;margin:0;max-width:800px}.book-story-strip{overflow-x:auto;scrollbar-width:thin;padding:24px 0 16px}.book-story-strip ol{display:flex;list-style:none;padding:0;margin:0;min-width:960px;gap:6px}.book-story-strip li{flex:1;min-width:90px}.book-story-strip a{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--color-muted);font-size: .9375rem;line-height:1.4;padding:12px 8px;border-top:2px solid var(--color-line);height:100%;border-radius:0 0 4px 4px}.book-story-strip a>span{font:400 1.1rem var(--font-serif);color:var(--color-muted)}.book-story-strip .is-covered a{color:var(--color-ink);border-top:3px solid var(--color-accent);background:var(--color-soft-blue);font-weight:650}.book-story-strip .is-covered a>span{color:var(--color-ink)}.book-story-strip a:hover{background:var(--color-soft-blue);color:var(--color-ink)}.book-story-legend{font-size: .9375rem;line-height:1.7;color:var(--color-muted);margin:0 0 16px}.book-story-links{display:flex;flex-wrap:wrap;gap:12px 25px;padding-top:12px}.book-story-links a{color:var(--color-meta);font-size: .9375rem;border-bottom:1px solid var(--color-line);padding-bottom:5px}.book-story-context a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}@media(max-width:600px){.book-story-context{padding:22px 18px}.book-story-strip ol{min-width:1050px}.book-story-note{font-size: .9375rem}}
/* Keep the highlighted periods visible without horizontal scrolling. */
.book-story-strip ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-width:0;gap:10px 6px}.book-story-strip li{min-width:0}.book-story-strip a{padding:10px 5px;gap:8px;overflow-wrap:anywhere}@media(min-width:1200px){.book-story-strip ol{grid-template-columns:repeat(10,minmax(0,1fr))}}@media(max-width:600px){.book-story-strip ol{min-width:0}.book-story-strip a{font-size: .9375rem}}