/* Advoke CV — Layout: single-timeline
   Vertical line connects date/entry, left-dated structure. */

.resume[data-layout="single-timeline"] {
  --resume-section-gap: 14px;
}

.resume[data-layout="single-timeline"] .resume-header {
  flex-direction: column;
  align-items: flex-start;
  border-bottom: 1px solid var(--resume-rule);
  padding-bottom: 8px;
  margin-bottom: 14px;
  gap: 3px;
}

.resume[data-layout="single-timeline"] .resume-header__name {
  font-size: calc(var(--resume-base-size) * 2);
}

.resume[data-layout="single-timeline"] .resume-header__title {
  color: var(--resume-accent-text);
  font-weight: 600;
  letter-spacing: 0.03em;
}

.resume[data-layout="single-timeline"] .resume-section-heading {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: calc(var(--resume-base-size) * 0.92);
  border-bottom: 1px solid var(--resume-rule);
  padding-bottom: 3px;
  margin-bottom: 8px;
  position: relative;
}

.resume[data-layout="single-timeline"] .resume-section-heading::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background-color: var(--resume-accent);
  margin-right: 8px;
  vertical-align: middle;
  transform: translateY(-1px);
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px var(--resume-accent);
}

.resume[data-layout="single-timeline"] .resume-section__body {
  border-left: 1px solid var(--resume-rule);
  padding-left: 14px;
  margin-left: 3px;
  position: relative;
}

.resume[data-layout="single-timeline"] .resume-section__body > .resume-entry {
  position: relative;
  padding-bottom: 8px;
}

.resume[data-layout="single-timeline"] .resume-section__body > .resume-entry::before {
  content: "";
  position: absolute;
  left: -19px;
  top: 4px;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background-color: var(--resume-ink);
  box-shadow: 0 0 0 2px #FFFFFF;
}

.resume[data-layout="single-timeline"] .resume-section__body > .resume-entry:last-child {
  padding-bottom: 0;
}

.resume[data-layout="single-timeline"] .resume-entry__header {
  align-items: baseline;
}

.resume[data-layout="single-timeline"] .resume-entry__date {
  color: var(--resume-accent-text);
  font-weight: 600;
}

.resume[data-layout="single-timeline"] .resume-skills > li {
  background-color: transparent;
  border: 1px solid var(--resume-rule-strong);
}