/* ============================================================
   SAB v252 — JOURNEY TIMELINE: proper LEFT alignment
   Standalone file with a brand-new name so no old CDN/browser
   cache can serve a stale copy. Loaded LAST so it wins over
   the old global "center everything" rule.
   Only alignment/spacing is touched — colours, borders,
   shadows, hover lift and all animations stay exactly as they are.
   ============================================================ */

.timeline .tl-card,
.tl-card{
  display:block!important;
  text-align:left!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
}

/* every child back to left */
.tl-card > *,
.tl-card h3,
.tl-card p,
.tl-card .tl-era,
.tl-card .tl-sub,
.tl-card .tl-chips,
.tl-card b,
.tl-card strong{
  text-align:left!important;
}

/* eyebrow / era label */
.tl-card .tl-era{
  display:inline-block!important;
  margin-left:0!important;
  margin-right:auto!important;
}

/* headings + body copy */
.tl-card h3{
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}
.tl-card p,
.tl-card .tl-sub{
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
  max-width:none!important;
}

/* the year lines (2017 — ..., 2019 — ...) read much better with
   a little breathing room between them */
.tl-card .tl-sub{
  line-height:1.72!important;
  margin-top:0!important;
  margin-bottom:11px!important;
}
.tl-card .tl-sub:last-of-type{margin-bottom:0!important}
.tl-card .tl-sub b,
.tl-card .tl-sub strong{color:#10356b!important;font-weight:800!important}

/* Arabic line stays right-to-left, as intended */
.tl-card .tl-arabic{text-align:right!important;direction:rtl!important}

/* tag chips line up from the left */
.tl-card .tl-chips{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin-top:14px!important;
}

/* photos sit on the left instead of floating in the middle */
.tl-card .tl-photo{
  display:block!important;
  margin-left:0!important;
  margin-right:auto!important;
  margin-top:14px!important;
}

/* headline block above the timeline keeps its centred look — only
   the cards change, so the page still feels balanced */