/* Prototype A — Timeline editoriale. Presentation only; content and rendering JS are unchanged. */
.experienceView .professionalHeader{margin-bottom:28px}
.experienceList{display:grid;gap:0;position:relative}
.experienceCard{
  position:relative;
  padding:24px 0 27px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.10);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.experienceCard:first-child{border-top:1px solid rgba(255,255,255,.10)}
.experienceCard:hover{background:transparent;border-color:rgba(255,255,255,.16);transform:none}
.experienceTop{grid-template-columns:142px minmax(0,1fr);gap:28px}
.experienceYearWrap{position:relative;min-height:100%;padding-right:30px}
.experienceYearWrap::before{
  content:"";
  position:absolute;
  right:7px;
  top:10px;
  bottom:-38px;
  width:1px;
  background:rgba(114,207,255,.20);
}
.experienceCard:last-child .experienceYearWrap::before{bottom:8px}
.experienceYearWrap::after{
  content:"";
  position:absolute;
  right:3px;
  top:9px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#8bd7ff;
  box-shadow:0 0 0 5px rgba(114,207,255,.08);
}
.experienceYear{
  padding-top:0;
  font-size:28px;
  line-height:1;
  letter-spacing:-.045em;
  font-weight:760;
  color:#8bd7ff;
}
.experienceTitle{font-size:19px;line-height:1.2;margin-bottom:8px}
.experienceText{font-size:12.5px;line-height:1.68;max-width:760px}
.experienceSkills{gap:7px;margin-top:16px}
.expSkillTag{
  padding:7px 10px;
  min-height:30px;
  font-size:10.5px;
  font-weight:650;
  color:rgba(255,255,255,.72);
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.13);
}
html.theme-light body .experienceCard{background:transparent;border-color:rgba(24,38,29,.12)}
html.theme-light body .experienceCard:hover{background:transparent;border-color:rgba(24,38,29,.18)}
html.theme-light body .experienceYear{color:#2479a9}
html.theme-light body .experienceYearWrap::before{background:rgba(36,121,169,.22)}
html.theme-light body .experienceYearWrap::after{background:#2479a9;box-shadow:0 0 0 5px rgba(36,121,169,.08)}
html.theme-light body .expSkillTag{color:rgba(24,32,27,.78);background:rgba(24,38,29,.035);border-color:rgba(24,38,29,.14)}
@media(max-width:720px){
  body.homePage .experienceCard{padding:20px 0 22px;border-radius:0}
  body.homePage .experienceTop{grid-template-columns:1fr;gap:11px}
  .experienceYearWrap{padding-right:0;padding-left:19px}
  .experienceYearWrap::before{right:auto;left:4px;top:5px;bottom:-34px}
  .experienceYearWrap::after{right:auto;left:0;top:4px}
  .experienceYear{font-size:22px}
  .experienceTitle{font-size:17px}
  .experienceText{font-size:12px}
  body.homePage .expSkillTag{font-size:10.5px;min-height:34px;padding:7px 10px}
}