#exp .exp-line{
  display:grid;
  border:0;
}
#exp .exp-item{
  position:relative;
  display:grid;
  min-width:0;
  grid-template-columns:44px 142px minmax(0,1fr);
  gap:0 22px;
  align-items:start;
  padding:22px 0;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
  text-align:left;
}
#exp .exp-item::before{
  position:relative;
  z-index:1;
  grid-column:1;
  grid-row:1;
  justify-self:center;
  width:11px;
  height:11px;
  margin-top:5px;
  border:3px solid var(--wall);
  border-radius:50%;
  background:var(--acc);
  box-shadow:0 0 0 1px var(--acc);
  content:"";
}
#exp .exp-item::after{
  position:absolute;
  top:33px;
  bottom:-33px;
  left:21.5px;
  width:1px;
  background:var(--rule);
  content:"";
}
#exp .exp-item:last-child::after{display:none}
#exp .exp-item:last-child{border-bottom:0}
#exp .exp-time{
  grid-column:2;
  grid-row:1;
  padding-top:3px;
  color:var(--faint);
  font-family:var(--lat);
  font-weight:500;
  font-size:var(--type-meta,12.5px);
  font-variant-numeric:tabular-nums;
  line-height:1.5;
  white-space:nowrap;
}
#exp .exp-head{
  display:grid;
  min-width:0;
  grid-column:3;
  grid-row:1;
  grid-template-columns:minmax(0,1fr) minmax(190px,280px);
  gap:18px 30px;
  align-items:start;
}
#exp .exp-head h3{
  display:block;
  min-width:0;
  margin:0;
  color:var(--ink);
  font-size:16px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
#exp .exp-head h3::before{display:none}
#exp .exp-position{
  display:grid;
  min-width:0;
  margin:0;
  gap:3px;
  align-content:start;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.55;
  overflow-wrap:anywhere;
}
#exp .exp-department{
  color:var(--faint);
  font-size:var(--type-meta,12.5px);
  font-weight:500;
  line-height:1.5;
}
#exp .exp-role{
  color:var(--ink-2);
  font-size:14px;
  font-weight:600;
  line-height:1.5;
}

@media(max-width:1024px){
  #exp .exp-item{grid-template-columns:38px 122px minmax(0,1fr);gap:0 17px;padding:20px 0}
  #exp .exp-item::after{left:18.5px;top:31px;bottom:-31px}
  #exp .exp-head{grid-template-columns:minmax(0,1fr) minmax(150px,220px);gap:16px 22px}
}
@media(max-width:720px){
  #exp .exp-item{grid-template-columns:30px 112px minmax(0,1fr);gap:0 13px;padding:18px 0}
  #exp .exp-item::after{left:14.5px;top:29px;bottom:-29px}
  #exp .exp-head{grid-template-columns:1fr;gap:5px}
  #exp .exp-head h3{font-size:15.5px}
}
@media(max-width:520px){
  #exp .exp-item{grid-template-columns:28px minmax(0,1fr);gap:5px 10px;padding:16px 0}
  #exp .exp-item::before{grid-column:1;grid-row:1 / span 2}
  #exp .exp-item::after{left:13.5px;top:27px;bottom:-27px}
  #exp .exp-time{grid-column:2;grid-row:1;padding-top:0}
  #exp .exp-head{grid-column:2;grid-row:2;gap:4px}
  #exp .exp-head h3{font-size:15px;line-height:1.35}
  #exp .exp-position{gap:2px}
  #exp .exp-role{font-size:13px}
}