/* Scoped to the sidebar: the full time-machine page keeps its existing layout. */
#widget-tabs-time.bibiu-timeline {
    margin: 24px 20px 18px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    color: inherit;
}
.bibiu-timeline-title { display: flex; align-items: center; gap: 7px; margin: 0 0 22px; font-size: 15px; font-weight: 400; }
.bibiu-timeline-title svg { width: 16px; height: 16px; flex-shrink: 0; }
.bibiu-timeline-list { list-style: none; padding: 0 0 0 5px; margin: 0; }
.bibiu-timeline-item { --timeline-color: #20c4e8; position: relative; margin: 0; padding: 0 0 23px 16px; border-left: 1px solid var(--timeline-color); }
.bibiu-timeline-item:nth-child(3n + 2) { --timeline-color: #87929b; }
.bibiu-timeline-item:nth-child(3n + 3) { --timeline-color: #46bf75; }
.bibiu-timeline-item::before { content: ''; position: absolute; left: -5px; top: 5px; width: 9px; height: 9px; border: 1px solid var(--timeline-color); border-radius: 50%; background: var(--timeline-color); box-shadow: inset 0 0 0 3px #fff; }
.bibiu-timeline-item:last-child::after { content: ''; position: absolute; width: 7px; height: 7px; left: -4px; bottom: 0; background: #dce3e6; border-radius: 50%; }
.bibiu-timeline-link { display: block; color: inherit; text-decoration: none; border-radius: 3px; }
.bibiu-timeline-date { display: block; font-size: 12px; line-height: 1.6; opacity: .62; margin-bottom: 3px; }
.bibiu-timeline-text { display: block; font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.bibiu-timeline-link:hover { color: #20a9bf; }
.bibiu-timeline-link:focus-visible { outline: 2px solid #20a9bf; outline-offset: 4px; }
.bibiu-timeline-empty { font-size: 13px; line-height: 1.7; opacity: .7; }
.bibiu-timeline-empty a { display: block; }