/* Server pages: typographic timeline (core/offer/sec/timeline.html).
   Big type, grey second clause, hairlines. Rows fade in via data-ov-reveal. */

.eng-tl { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ov-line); }
.eng-tl-row {
  display: grid;
  grid-template-columns: 5.5rem minmax(0, 1fr);
  align-items: baseline;
  gap: 0 clamp(1rem, 3vw, 2.5rem);
  padding: clamp(.9rem, 2.2vw, 1.4rem) 0;
  border-bottom: 1px solid var(--ov-line);
}
.eng-tl-time { font: 500 clamp(.8rem, 1.4vw, .95rem)/1 var(--ov-mono); color: var(--ov-muted); letter-spacing: .04em; }
.eng-tl-line {
  margin: 0;
  font-size: clamp(1.45rem, 4.2vw, 3rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.025em;
  color: var(--ov-strong);
}
.eng-tl-line span { color: var(--ov-muted); font-weight: 500; }
.eng-tl-row:last-child .eng-tl-line strong { color: var(--ov-ok); }

@media (max-width: 560px) {
  .eng-tl-row { grid-template-columns: 1fr; gap: .35rem; }
  .eng-tl-line span { display: block; }
}