.tracking-layout { display:grid; grid-template-columns:minmax(280px,1fr) minmax(280px,1.2fr); gap:24px; align-items:start; }
.tracking-timeline .timeline__node { cursor:pointer; border-radius:var(--radius-control); padding:6px 8px; }
.tracking-timeline .timeline__node.is-active { background:var(--primary-soft); }
.tracking-detail { background:var(--surface-card); border:1px solid var(--border); border-radius:var(--radius-card); padding:20px; box-shadow:var(--shadow-xs); position:sticky; top:16px; }
.tracking-detail__title { font-size:var(--fs-18); margin:0 0 12px; color:var(--text-main); }
.tracking-detail__grid { display:flex; flex-direction:column; gap:8px; margin:0; }
.tracking-detail__row { display:flex; justify-content:space-between; gap:12px; padding:6px 0; border-bottom:1px solid var(--border); }
.tracking-detail__row dt { color:var(--text-subtle); font-size:var(--fs-13); }
.tracking-detail__row dd { color:var(--text-main); margin:0; }
.tracking-detail__row--delay dd { color:var(--alert-ink); }
.tracking-detail__empty { color:var(--text-subtle); }
@media (max-width:820px){ .tracking-layout { grid-template-columns:1fr; } .tracking-detail { position:static; } }