/* The event copy and its small image share a row; other timelines are unchanged. */
.trace-timeline .timeline-item{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:start;gap:16px;padding-bottom:21px}
.trace-timeline .timeline-item:last-child{padding-bottom:0}
.trace-timeline .trace-event-copy{min-width:0;padding-top:1px}
.trace-timeline .trace-event-copy p{line-height:1.6;overflow-wrap:anywhere}
.trace-timeline .trace-event-thumb{display:block;position:relative;width:110px;height:65px;padding:0;overflow:hidden;border:1px solid #e5dfea;border-radius:8px;background:#f1edf5;cursor:zoom-in;box-shadow:0 2px 5px #29113b08}
.trace-timeline .trace-event-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.trace-timeline .trace-event-thumb>span{position:absolute;right:4px;bottom:4px;padding:2px 4px;border-radius:3px;background:#23182bd9;color:#fff;font-size:7px;line-height:1.3;letter-spacing:.01em}
.trace-timeline .trace-event-thumb:hover{border-color:#aa8cbd}
.trace-timeline .trace-event-thumb:hover img{transform:scale(1.04)}
.trace-timeline .trace-event-thumb:focus-visible{outline:2px solid var(--purple,#581c87);outline-offset:3px}
@media(max-width:560px){.trace-timeline .timeline-item{grid-template-columns:minmax(0,1fr) 80px;gap:11px;padding-bottom:19px}.trace-timeline .trace-event-thumb{width:80px;height:54px}.trace-timeline .trace-event-thumb>span{right:3px;bottom:3px;font-size:6.5px}.trace-timeline .trace-event-copy h4{line-height:1.45}}
@media(prefers-reduced-motion:reduce){.trace-timeline .trace-event-thumb img{transition:none}}