/* edet-timeline.css — the timeline overlay (v2.0): horizontal lanes of
   event nodes along a track, optionally grouped by linked entity. Rendered
   into .dr-overlay-body. Tokens from site.css :root. */

.dr-tl-bar {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
    flex-wrap: wrap;
}
.dr-tl-wrap { display: flex; flex-direction: column; gap: 1rem; }

.dr-tl-lane { border-left: 2px solid var(--rule); padding-left: 0.6rem; }
.dr-tl-lane-label {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--fg-muted);
    margin-bottom: 0.4rem;
}
.dr-tl-track {
    display: flex;
    gap: 0.75rem;
    overflow-x: auto;
    padding-bottom: 0.4rem;
    align-items: stretch;
}

.dr-tl-node {
    position: relative;
    flex: 0 0 auto;
    width: 190px;
    padding: 0.6rem 0.7rem;
    background: var(--bg-elevated);
    border: 1px solid var(--rule);
    border-top: 3px solid var(--event-color, var(--accent));
    border-radius: 8px;
    font-family: var(--font-mono);
}
.dr-tl-node.linked { cursor: pointer; }
.dr-tl-node-date { font-size: var(--text-xs); color: var(--accent); }
.dr-tl-node-title { font-size: var(--text-sm); font-weight: 600; color: var(--fg); margin: 0.15rem 0; word-break: break-word; }
.dr-tl-node-desc { font-size: var(--text-xs); color: var(--fg-dim); line-height: 1.45; }
.dr-tl-node-link { margin-top: 0.35rem; font-size: var(--text-xs); color: var(--fg-deep); }
.dr-tl-node-more {
    position: absolute;
    top: 4px;
    right: 4px;
    background: transparent;
    border: none;
    color: var(--fg-muted);
    cursor: pointer;
    font-size: var(--text-base);
    line-height: 1;
}
.dr-tl-node-more:hover { color: var(--fg); }