.tl{--tl-marker:var(--color-accent);--tl-line:var(--color-border);--tl-dot:var(--space-xl);--tl-gutter:calc(var(--tl-dot) + var(--space-2xl))}.tl--marker-primary{--tl-marker:var(--color-primary)}.bg-dark .tl{--tl-line:var(--color-border-on-dark-strong)}.bg-dark .tl--marker-primary{--tl-marker:var(--color-accent)}.tl-list{list-style:none;padding:0}.tl .tl-list .tl-item,.tl-list{margin:0;position:relative}.tl-marker{background:var(--color-background);border:calc(var(--tl-dot)/4) solid var(--tl-marker);border-radius:var(--radius-full);height:var(--tl-dot);position:absolute;width:var(--tl-dot);z-index:1}.bg-dark .tl-marker{background:var(--color-ground-dark)}.tl-item.is-now .tl-marker{background:var(--color-highlight);border-color:var(--color-highlight);box-shadow:0 0 0 calc(var(--tl-dot)/4) var(--color-background),0 0 0 calc(var(--tl-dot)/2) var(--color-highlight)}.bg-dark .tl-item.is-now .tl-marker{box-shadow:0 0 0 calc(var(--tl-dot)/4) var(--color-ground-dark),0 0 0 calc(var(--tl-dot)/2) var(--color-highlight)}.tl-card{background:var(--color-surface-raised);border:var(--card-border-width) solid var(--card-border-color);border-radius:var(--card-border-radius);color:var(--color-text);padding:var(--space-2xl) var(--space-3xl)}.tl-card--soft{background:var(--color-card-bg)}.tl .tl-card--tint{background:var(--color-manila);border-color:var(--color-manila)}.tl .tl-card--dark{background:var(--color-ground-dark);border-color:var(--color-ground-dark);color:var(--color-on-dark)}.tl .tl-card--accent{background:var(--color-accent);border-color:var(--color-accent);color:var(--btn-on-dark-primary-color)}.tl .tl-card--none{background:none;border:0;padding:0}.bg-dark .tl .tl-card--dark{background:var(--color-surface-on-dark);border-color:var(--color-border-on-dark)}.tl .tl-card .tl-date{color:var(--color-primary);font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-heading);line-height:var(--line-height-tight);margin:0 0 var(--space-sm)}.tl .tl-card .tl-title{color:var(--color-heading);font-size:var(--font-size-h4);line-height:var(--line-height-snug);margin:0 0 var(--space-sm)}.tl .tl-card .tl-text{color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.tl-img{aspect-ratio:var(--ratio-wide);border-radius:var(--radius-lg);display:block;margin-top:var(--space-xl);object-fit:cover;width:100%}.bg-dark .tl .tl-card--none .tl-date,.tl .tl-card--dark .tl-date{color:var(--color-accent)}.bg-dark .tl .tl-card--none .tl-title,.tl .tl-card--dark .tl-title{color:var(--color-background)}.bg-dark .tl .tl-card--none .tl-text,.tl .tl-card--dark .tl-text{color:var(--color-muted-on-dark)}.tl .tl-card--accent .tl-date,.tl .tl-card--accent .tl-text,.tl .tl-card--accent .tl-title{color:var(--btn-on-dark-primary-color)}.tl-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:var(--space-sm);margin-top:var(--space-lg);text-decoration:none;transition:color var(--transition-fast)}.tl-link svg{height:var(--icon-size-tick);transition:translate var(--transition-fast);width:var(--icon-size-tick)}.tl-link:hover{color:var(--color-card-on-dark)}.tl-link:hover svg{translate:var(--space-2xs) 0}.tl-card--dark .tl-link{color:var(--color-accent)}.tl-card--accent .tl-link{color:var(--btn-on-dark-primary-color)}.tl--vertical .tl-list{display:grid;gap:var(--space-xl);max-width:var(--content-max-width-wide)}.tl--alternate .tl-list:before,.tl--vertical .tl-list:before{border-left:calc(var(--rule-width)*2) solid var(--tl-line);bottom:var(--space-2xl);content:"";left:calc(var(--tl-dot)/2 - var(--rule-width));position:absolute;top:var(--space-2xl)}.tl--vertical .tl-item{padding-left:var(--tl-gutter)}.tl--vertical .tl-marker{left:0;top:var(--space-2xl)}.tl--vertical .tl-card--none{padding-top:calc(var(--space-2xl) - var(--space-xs))}.tl{--tl-badge-col:var(--space-7xl)}.tl--head-center .tm-head,.tl--head-center.tl--vertical .tl-list{margin-left:auto;margin-right:auto}.tl--alternate .tl-list{display:grid;gap:var(--space-2xl)}.tl--alternate .tl-list:before{display:none}.tl--alternate .tl-item:before{border-left:calc(var(--rule-width)*2) solid var(--tl-line);bottom:calc(var(--space-2xl)*-1);content:"";left:calc(50% - var(--rule-width));position:absolute;top:0}.tl--alternate .tl-item:first-child:before{top:50%}.tl--alternate .tl-item:last-child:before{bottom:50%}.tl--alternate .tl-item:only-child:before{display:none}.tl--alternate .tl-item{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) var(--tl-badge-col) minmax(0,1fr)}.tl--alternate .tl-marker{display:none}.tl--alternate .tl-badge{background:var(--tl-marker);border-radius:var(--radius-full);box-shadow:0 0 0 var(--space-sm) var(--color-background);color:var(--tl-badge-ink);font-family:var(--font-family-heading);font-size:var(--font-size-body);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-heading);grid-column:2;grid-row:1;justify-self:center;line-height:var(--line-height-tight);max-width:100%;padding:var(--space-sm) var(--space-lg);position:relative;text-align:center;z-index:1}.tl{--tl-badge-ink:var(--btn-on-dark-primary-color)}.tl--marker-primary{--tl-badge-ink:var(--btn-primary-color)}.bg-soft .tl--alternate .tl-badge{box-shadow:0 0 0 var(--space-sm) var(--color-card-bg)}.bg-dark .tl--alternate .tl-badge{box-shadow:0 0 0 var(--space-sm) var(--color-ground-dark)}.bg-dark .tl--marker-primary{--tl-badge-ink:var(--btn-on-dark-primary-color)}.tl--alternate .tl-item.is-now .tl-badge{background:var(--tm-highlight);color:var(--tm-darker)}.tl--alternate .tl-card{grid-column:1;grid-row:1}.tl--alternate .tl-item:nth-child(2n) .tl-card{grid-column:3}.tl--alternate .tl-item:has(.tl-badge) .tl-card .tl-date{clip-path:inset(50%);height:var(--rule-width);margin:0;overflow:hidden;position:absolute;white-space:nowrap;width:var(--rule-width)}.tl--row .tl-list{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(var(--tl-count),minmax(0,1fr));padding-top:calc(var(--tl-dot) + var(--space-2xl))}.tl--row .tl-list:before{border-top:calc(var(--rule-width)*2) solid var(--tl-line);content:"";left:0;position:absolute;right:0;top:calc(var(--tl-dot)/2 - var(--rule-width))}.tl--row .tl-marker{left:var(--space-3xl);top:calc((var(--tl-dot) + var(--space-2xl))*-1)}.tl--row .tl-card--none~.tl-marker,.tl--row .tl-item:has(.tl-card--none) .tl-marker{left:0}.tl--row .tl-card{height:100%;padding:var(--space-2xl)}.tl--row .tl-card--none{padding:0}.tl.tl--row .tl-card .tl-title{font-size:var(--font-size-h5)}.bg-dark .tl .tm-head p{color:var(--color-muted-on-dark)}@media (max-width:1100px){.tl--row .tl-list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--space-4xl)}.tl--row .tl-list:before{display:none}.tl--row .tl-marker{top:calc((var(--tl-dot) + var(--space-lg))*-1)}.tl--row .tl-list{padding-top:calc(var(--tl-dot) + var(--space-lg))}}@media (max-width:767px){.tl--row .tl-list:before{border-left:calc(var(--rule-width)*2) solid var(--tl-line);border-top:0;bottom:var(--space-2xl);display:block;left:calc(var(--tl-dot)/2 - var(--rule-width));right:auto;top:var(--space-2xl)}.tl--row .tl-item{margin:0;padding:0 0 0 var(--tl-gutter);width:auto}.tl--row .tl-marker{left:0;right:auto;top:var(--space-2xl)}.tl--row .tl-list{gap:var(--space-lg);grid-template-columns:minmax(0,1fr);padding-top:0}.tl--alternate .tl-list{gap:var(--space-xl)}.tl--alternate .tl-item{align-items:start;grid-template-columns:minmax(0,1fr);padding-left:var(--tl-gutter);row-gap:var(--space-md)}.tl--alternate .tl-item:before{bottom:calc(var(--space-xl)*-1);left:calc(var(--tl-dot)/2 - var(--rule-width));top:0}.tl--alternate .tl-item:first-child:before{top:var(--tl-mobile-dot-top)}.tl--alternate .tl-item:last-child:before{bottom:auto;height:var(--tl-mobile-dot-top)}.tl--alternate .tl-item:only-child:before{display:none}.tl--alternate{--tl-mobile-dot-top:calc(var(--space-sm) + var(--font-size-body)*var(--line-height-tight)/2)}.tl--alternate .tl-marker{display:block;left:0;top:calc(var(--tl-mobile-dot-top) - var(--tl-dot)/2)}.tl--alternate .tl-badge{box-shadow:none;grid-column:1;grid-row:1;justify-self:start}.bg-dark .tl--alternate .tl-badge,.bg-soft .tl--alternate .tl-badge{box-shadow:none}.tl--alternate .tl-card,.tl--alternate .tl-item:nth-child(2n) .tl-card{grid-column:1;grid-row:2}.tl--row .tl-card,.tl-card{padding:var(--space-xl) var(--space-2xl)}}