.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.log-sec { padding-block: 40px 96px; }
.log-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; justify-content: space-between; }
.filters { display: flex; flex-wrap: wrap; gap: 8px; }
.f { border: 1px solid var(--line); background: var(--surface); border-radius: 999px; padding: 7px 14px; font: 600 13px var(--f-body); cursor: pointer; color: var(--ink-2); }
.f:hover { border-color: var(--ink-2); color: var(--ink); }
.f[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.count { font-size: 12px; color: var(--ink-2); }
.hint { font-size: 12px; color: var(--ink-2); margin: 10px 0 32px; }
.entries { display: grid; gap: 0; max-width: 860px; border-left: 2px solid var(--line); margin-left: 6px; }
.entry { position: relative; padding: 0 0 36px 28px; display: grid; gap: 8px; }
.entry::before { content: ""; position: absolute; left: -7px; top: 8px; width: 12px; height: 12px; border-radius: 50%; background: var(--bg); border: 2px solid var(--collapse); }
.entry-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.ver { font: 600 14px var(--f-mono); }
.date { font: 400 12px var(--f-mono); color: var(--ink-2); }
.tag { font: 600 11px var(--f-mono); text-transform: uppercase; letter-spacing: .06em; padding: 3px 9px; border-radius: 999px; border: 1px solid currentColor; }
.tag.New { color: var(--accent); } .tag.Improved { color: var(--good); } .tag.Fixed { color: var(--good); }
.tag.Unfixed { color: var(--bad); } .tag.Reverted { color: var(--warn); } .tag.Revert2 { color: var(--collapse); }
.entry h3 { font-size: 1.3rem; }
.entry p { color: var(--ink-2); max-width: 66ch; }
.empty { padding: 24px 0 24px 28px; color: var(--ink-2); }
[hidden] { display: none !important; }