/* Keep the illustrated timeline usable inside phones and small app windows. */
.tl-interactive-compact{width:100%!important;max-width:100%;transform:none!important;margin-inline:auto!important}
.tl-interactive-compact .tl-desktop{display:block!important}
.tl-interactive-compact .tl-mobile{display:none!important}
.tl-interactive-compact .tl-scroll-shell{width:100%!important;margin-inline:auto}
.tl-interactive-compact .tl-stage{
  top:var(--tl-sticky-inset,8px)!important;min-height:0!important;max-height:none!important;
  padding:8px 12px 68px!important;border-radius:12px;touch-action:pan-y pinch-zoom;
}
.tl-interactive-compact .tl-stage::before{display:none}
.tl-interactive-compact .tl-periods{display:flex!important;height:44px;padding-inline:12px;gap:28px}
.tl-interactive-compact .tl-dated .tl-periods{display:block!important}
.tl-interactive-compact .tl-period-pill{font-size:1.5rem}
.tl-interactive-compact .tl-dated .tl-period-pill{top:0;padding:5px 16px}
.tl-interactive-compact .tl-scene{
  position:relative;inset:auto!important;width:100%!important;
  height:calc(100% - 44px)!important;min-height:0!important;max-height:none;overflow:hidden;
}
.tl-interactive-compact .tl-desktop .tl-event{
  width:var(--tl-card-width)!important;max-height:var(--tl-card-height)!important;
  padding:12px!important;gap:8px 10px;overflow:hidden;
}
.tl-interactive-compact .tl-continuous:not(.tl-dated) .tl-event{
  left:var(--event-x)!important;right:auto!important;top:50%!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;
}
.tl-interactive-compact .tl-dated .tl-event{
  left:var(--dated-left)!important;top:var(--dated-top)!important;transform:none!important;
}
.tl-interactive-compact .tl-title{font-size:1.6rem!important;line-height:1.1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.tl-interactive-compact .tl-kicker{font-size:.55rem;letter-spacing:.08em;margin-bottom:6px}
.tl-interactive-compact .tl-summary{font-size:.76rem;line-height:1.5;margin-top:8px;-webkit-line-clamp:3}
.tl-interactive-compact .tl-media{height:80px;width:100%;margin:0}
.tl-interactive-compact .tl-plus{width:44px;height:44px;min-width:44px;align-self:start}
.tl-interactive-compact .tl-controls{
  display:flex!important;bottom:8px;width:calc(100% - 16px);height:56px;
  padding:5px 6px;gap:4px;border-radius:14px;
}
.tl-interactive-compact .tl-prev,.tl-interactive-compact .tl-next,.tl-interactive-compact .tl-overview{
  flex:0 0 44px;width:44px;height:44px;margin:0;
}
.tl-interactive-compact .tl-scrubber-wrap{height:44px}
.tl-interactive-compact .tl-scrubber{height:44px;touch-action:none}
.tl-interactive-compact .tl-scrubber-handle{top:10px}
.tl-interactive-compact .tl-scrubber-labels{font-size:.5rem}
.tl-interactive-compact .tl-dated.tl-theme-personal .tl-scene::before,
.tl-interactive-compact .tl-dated.tl-theme-personal .tl-scene::after{display:none}
.tl-interactive-compact .tl-dated.tl-theme-personal .tl-stage{background:linear-gradient(135deg,#f1dba7,#d7b875)!important}
.tl-interactive-short .tl-desktop .tl-media,.tl-interactive-short .tl-desktop .tl-summary,
.tl-interactive-short .tl-desktop .tl-kicker,.tl-interactive-short .tl-desktop .tl-subtitle{display:none}
.tl-interactive-short .tl-title{font-size:1.25rem!important;-webkit-line-clamp:2}
.tl-interactive-short .tl-path-actor{scale:.65}
@media print{
  .tl-interactive-compact .tl-desktop{display:none!important}
  .tl-interactive-compact .tl-mobile{display:block!important}
}