.tt-id { color: var(--text-2); overflow-wrap: anywhere; }
.tt-line { list-style: none; margin: 0 0 16px; padding: 0 0 0 20px; border-left: 3px solid var(--line); display: grid; gap: 14px; max-width: 760px; }
.tt-ev { position: relative; padding: 10px 14px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg, 14px); }
.tt-ev::before { content: ""; position: absolute; left: -31px; top: 16px; width: 14px; height: 14px; border-radius: 50%; background: var(--brand, #1b5fa8); border: 2px solid var(--bg, #fff); }
.tt-ev--absent { border-style: dashed; }
.tt-ev--absent::before { background: var(--bg, #fff); border: 2px solid var(--text-2, #666); }
.tt-ev p { margin: 0 0 4px; overflow-wrap: anywhere; }
.tt-when { font-size: .875rem; color: var(--text-2); font-weight: 600; }
.tt-title { font-weight: 700; }
.tt-src { font-size: .8125rem; color: var(--text-2); }
.tt-checks label { display: flex; gap: 8px; align-items: flex-start; cursor: pointer; }
.tt-checks input { margin-top: .3em; flex: none; }
.tt-checks { list-style: none; padding: 0; display: grid; gap: 10px; }