body.timelinenew .timeline-container { width: 100%; }
body.timelinenew #timeline { display: none; }          /* hide old left timeline UI */
body.timelinenew #timeline-new { display: block; }

.timeline-new {
  background: radial-gradient(900px 700px at 30% 10%, #1b2553 0%, #0f1630 60%);
  border-radius: 14px;
  padding: 12px;
  min-height: 70vh;
  color: rgba(255,255,255,0.9);
}
.timeline-new .tn-wrap{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.timeline-new .tn-toolbar{
  display:flex; align-items:center; justify-content:space-between;
  gap: 12px;
  font-size: 0.92rem;
  color: rgba(255,255,255,0.72);
}
.timeline-new .tn-panel{
  display:grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 14px;
}
.timeline-new .tn-card{
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding: 12px;
}
.timeline-new a { color: rgba(255,255,255,0.9); }