/* ID: WBT-0260 / v68 / 2026-11-03 — ordered story timelines. */
.story-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;margin:20px 0 0;padding:0}
.story-plot:has(.story-beats--four) .story-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}
.story-timeline li{min-width:0;display:flex;flex-direction:column;padding:14px 16px;border:1px solid #bad2a4;background:#f7fbee;border-radius:14px;color:#17492c}
.story-timeline li>span{font-size:10px;font-weight:800;color:#638248;line-height:1.5}
.story-timeline b{font-size:15px;line-height:1.7;margin:3px 0;overflow-wrap:anywhere}
.story-timeline small{font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.story-plot .story-time-note{font-size:11px;color:#42683b;line-height:1.8;margin:10px 0 24px}
.story-beats--four{grid-template-columns:repeat(2,minmax(0,1fr))}
.story-beats--four .story-beat__image{aspect-ratio:16/10;max-height:330px}
.article__body .story-timeline{gap:6px}
.article__body .story-timeline li{padding:9px 10px;border-radius:10px}
.article__body .story-timeline b{font-size:12px}
.article__body .story-timeline small{font-size:10px}
.article__body .story-plot:has(.story-beats--four) .story-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
.article__body .story-beats--four .story-beat__image{aspect-ratio:1/1;max-height:none}
@media(max-width:900px){.story-beats--four{grid-template-columns:1fr}}
@media(max-width:600px){.story-timeline,.story-plot:has(.story-beats--four) .story-timeline{grid-template-columns:1fr}.story-timeline li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:0 8px;padding:10px 13px}.story-timeline li>span{grid-row:1/3;align-self:center}.story-timeline b{font-size:14px;margin:0}.story-timeline small{font-size:11px}.article__body .story-timeline{grid-template-columns:1fr}.article__body .story-plot:has(.story-beats--four) .story-timeline{grid-template-columns:1fr}.story-beats--four .story-beat__image{aspect-ratio:4/3;max-height:280px}}