.timeline-page { max-width: 760px; margin: 0 auto; padding: max(1rem, env(safe-area-inset-top)) 1rem 5rem; }
.timeline-head,.timeline-tabs,.timeline-filters,.timeline-card-top,.timeline-card-foot { display:flex; align-items:center; gap:.65rem; }
.timeline-head { justify-content:space-between; } .timeline-tabs { margin:.8rem 0; }
.timeline-tabs button[aria-current="page"] { background:var(--ink); color:var(--paper); }
.timeline-filters { overflow-x:auto; padding:.25rem 0 .8rem; }
.timeline-filters select,.timeline-filters label { flex:0 0 auto; }
.timeline-date { margin:1.2rem 0 1.8rem; } .timeline-date h2 { font-size:.82rem; letter-spacing:.05em; opacity:.66; }
.timeline-card { width:100%; display:flex; flex-direction:column; gap:.42rem; text-align:left; margin:.6rem 0; padding:1rem; border:1px solid color-mix(in srgb,var(--ink) 18%,transparent); border-radius:16px; background:var(--paper); color:inherit; }
.timeline-card-top,.timeline-card-foot { justify-content:space-between; } .timeline-card-title { font-size:1rem; }
.timeline-card-summary { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; opacity:.78; }
.timeline-card-foot { flex-wrap:wrap; font-size:.78rem; opacity:.72; }
.timeline-state,.timeline-board-pill { border-radius:999px; padding:.2rem .55rem; font-size:.75rem; }
.timeline-state-success { background:#d9f5df; color:#135c25; } .timeline-state-warning,.timeline-state-pending { background:#fff0c2; color:#704d00; }
.timeline-state-danger { background:#ffe0dc; color:#8a2116; } .timeline-state-neutral { background:color-mix(in srgb,var(--ink) 9%,transparent); }
.timeline-detail { padding:1rem 0; } .timeline-evidence-list,.timeline-revisions { padding-left:1.25rem; }
.timeline-evidence { display:grid; gap:.2rem; margin:.8rem 0; } .timeline-empty { padding:2rem 1rem; text-align:center; opacity:.7; }
@media (max-width:520px) { .timeline-page { padding-inline:.75rem; } .timeline-card { border-radius:14px; } .timeline-card-top { align-items:flex-start; } }