.horizontal-chapters{background:linear-gradient(120deg,#f4fafbba,#edf5f9b0);border:1px solid #ffffffc9;border-radius:24px;padding:14px 0 0;box-shadow:0 10px 40px #456e8310;overflow:hidden}.important-timeline{display:grid;grid-template-columns:repeat(var(--chapter-columns,5),minmax(0,1fr));gap:32px 0;padding:18px 32px 10px;isolation:isolate}.important-timeline:before{display:none}.chapter-rail{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:visible}.chapter-rail path{fill:none;stroke:color-mix(in srgb,var(--accent) 85%,#5885a0);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.important-timeline .moment-row{min-width:0;position:relative}.important-timeline .moment-entry,.important-timeline .moment-entry:not(:has(.moment-cover)){display:flex;flex-direction:column;gap:0;align-items:flex-start;padding:0 22px;min-height:220px;height:100%;border:0}.important-timeline .moment-date{height:35px;display:flex;flex-direction:row;align-items:baseline;gap:7px;text-align:left;white-space:nowrap}.important-timeline .moment-date b{font-size:17px;letter-spacing:.5px}.important-timeline .moment-date>span{font-size:10px}.important-timeline .moment-marker{width:34px;height:34px;flex-shrink:0;box-shadow:0 0 0 6px #edf5f9;border:2px solid var(--accent);background:#f8fcff;transition:transform .2s}.important-timeline .moment-marker svg{width:16px;height:16px}.important-timeline .moment-story,.important-timeline .moment-row:last-child .moment-story{border:0;padding:21px 0 12px;align-self:stretch;display:block;flex:1}.important-timeline .moment-kind{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:0}.moment-number{font-family:Georgia,serif;color:#7896a8}.important-timeline .moment-story h3{font:21px/1.65 var(--serif);margin:7px 0 5px}.important-timeline .moment-meta{font-size:10px;line-height:1.8}.important-timeline .moment-excerpt{font:12px/1.9 var(--serif);-webkit-line-clamp:2;margin-top:7px}.important-timeline .moment-cover{width:100%;max-width:160px;margin:0;aspect-ratio:16/10;border-width:4px;border-radius:8px}.important-timeline .moment-open{padding:10px 0 0;display:block;color:var(--accent)}.important-timeline .moment-open svg{width:17px;height:17px}.important-timeline .moment-entry:hover .moment-marker{transform:scale(1.08)}.chapter-direction{padding:8px 32px 18px;text-align:right;font-size:10px;color:#6b879a;letter-spacing:.5px}.music-autoplay-note{color:var(--accent)}
@media(min-width:1200px){.important-timeline:has(.moment-row:nth-child(6)) .moment-story h3{font-size:19px}.important-timeline:has(.moment-row:nth-child(6)) .moment-entry{padding-left:17px;padding-right:17px}}
@media(max-width:760px){.horizontal-chapters{border-radius:20px}.important-timeline{padding:16px 13px 8px;gap:24px 0}.important-timeline .moment-entry,.important-timeline .moment-entry:not(:has(.moment-cover)){padding:0 17px;min-height:225px}.important-timeline .moment-date{height:31px;gap:5px}.important-timeline .moment-date b{font-size:14px}.important-timeline .moment-date>span{font-size:9px}.important-timeline .moment-marker{width:30px;height:30px;box-shadow:0 0 0 5px #edf5f9}.important-timeline .moment-marker svg{width:14px;height:14px}.important-timeline .moment-story,.important-timeline .moment-row:last-child .moment-story{padding:18px 0 10px}.important-timeline .moment-story h3{font-size:19px;line-height:1.6}.important-timeline .moment-kind{font-size:9px;gap:5px}.important-timeline .moment-meta{font-size:10px}.important-timeline .moment-excerpt{font-size:11px}.important-timeline .moment-cover{max-width:140px}.chapter-direction{font-size:9px;padding:8px 22px 16px}}
@media(prefers-reduced-motion:reduce){.important-timeline .moment-marker{transition:none}}