/* A section-bound reading trail; the original chapters keep their document order. */
.story-accumulator{
 position:absolute;inset:0 58% 0 0;z-index:4;pointer-events:none;
 --story-row-height:46px;
}
.story-accumulator-list{
 position:sticky;top:var(--surface-header-height,89px);
 background:#fff;padding-inline:10px;list-style:none;margin:0;
}
.story-accumulator-list>li{
 height:var(--story-row-height);display:flex;align-items:center;gap:14px;
 border-bottom:1px solid #e5eadf;color:#78836e;
 font-size:12px;line-height:1.4;white-space:nowrap;
}
.story-accumulator-list>li[hidden]{display:none}
.story-accumulator-list>li>span{
 display:grid;place-items:center;flex:none;width:30px;height:30px;
 border:1px solid #dfe7d3;border-radius:50%;font-size:10px;
}
.story-accumulator-list>li.is-latest{color:var(--ink);font-weight:550}
.story-accumulator-list>li.is-latest>span{background:var(--accent);border-color:var(--accent)}
.chapter-label.is-accumulated{opacity:0}
@media(min-width:1000px) and (min-height:700px){
 .scroll-ready .story-accumulator-list{padding-inline:42px 30px}
}
@media(min-width:681px) and (max-width:999px){
 .story-accumulator-list{padding-inline:0 10px}
 .story-accumulator-list>li{font-size:9px;gap:10px}
}
@media(max-width:680px){
 .hero-film{order:-1}
 .story-accumulator{right:0;--story-row-height:42px}
 .story-accumulator-list{padding-inline:8px}
 .story-accumulator-list>li{font-size:10px;gap:12px}
 .story-accumulator-list>li>span{width:28px;height:28px;font-size:9px}
}