/* Experience: a continuous career timeline, with dates outside the reading column. */
.experience-timeline { position: relative; max-width: 1060px; margin: 2.4rem 0 0; }
.experience-timeline::before { content: ''; position: absolute; top: .6rem; bottom: 1.5rem; left: 166px; width: 1px; background: linear-gradient(#666 0%, #343434 94%, transparent); }
.experience-timeline .career-list { margin: 0; padding: 0; border: 0; }
.experience-timeline .career-entry { position: relative; display: grid; grid-template-columns: 150px minmax(0,1fr); gap: 48px; padding: 0; margin: 0 0 1.8rem; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.experience-timeline .career-entry::before { content: ''; position: absolute; left: 161px; top: .4rem; width: 11px; height: 11px; border: 1px solid #bcbcbc; background: #080808; border-radius: 50%; box-shadow: 0 0 0 5px #080808; box-sizing: border-box; }
.experience-timeline .career-date { border: 0; padding: .15rem 0 0; margin: 0; text-align: right; font-size: .72rem; line-height: 1.5; color: #b3b3b3; font-variant-numeric: tabular-nums; }
.experience-timeline .career-date::before { display: none; }
.md-typeset .experience-timeline .career-date p { margin: 0; }
.experience-timeline .career-body { min-width: 0; padding: 0 0 1.6rem; border-bottom: 1px solid #252525; }
.md-typeset .experience-timeline .career-body h2 { margin: 0 0 .8rem; font-size: 1.08rem; line-height: 1.4; color: #e3e3e3; }
.md-typeset .experience-timeline .career-body ul { max-width: 72ch; font-size: .79rem; line-height: 1.7; color: #b9b9b9; }
.md-typeset .experience-timeline .career-body li { margin-bottom: .55rem; }
.md-typeset .experience-timeline .career-body > p { max-width: 65ch; font-size: .77rem; color: #bcbcbc; border-left: 2px solid #666; padding-left: .75rem; margin: 0 0 1rem; }
@media(max-width:760px) {
 .experience-timeline { margin-top: 1.8rem; }
 .experience-timeline::before { left: 8px; }
 .experience-timeline .career-entry { display: block; padding-left: 32px; margin-bottom: 1.5rem; }
 .experience-timeline .career-entry::before { left: 3px; top: .35rem; }
 .experience-timeline .career-date { text-align: left; padding: 0; margin-bottom: .5rem; font-size: .7rem; }
 .md-typeset .experience-timeline .career-body h2 { font-size: .95rem; }
 .experience-timeline .career-body { padding-bottom: 1.2rem; }
}

/* One reverse-chronological timeline; employer is metadata on each role. */
.experience-timeline .career-entry:last-child .career-body { border-bottom: 0; }
.md-typeset .experience-timeline .career-body h2 { padding: 0; scroll-margin-top: 7rem; }
.md-typeset .experience-timeline .career-body > .timeline-employer { border: 0; padding: 0; color: #d0d0d0; font-size: .74rem; margin: -.25rem 0 1.1rem; }
.timeline-anchor { display: block; height: 0; scroll-margin-top: 7rem; }