.profile{
  display:flex;
    gap:18px;
    align-items:flex-start;
    flex-wrap:wrap;
}

.profile-photo{
  flex:0 0 240px;
    max-width:240px;
    margin:0 auto;
}

.profile-photo img{
  width:100%;
    border-radius:16px;
    border:1px solid var(--border);
    display:block;
}

.profile-name{
  margin-top:10px;
    font-weight:900;
    text-align:center;
}

.profile-body{
  flex:1;
    min-width:280px;
}

.greeting{
  margin:0;
}

.timeline{
  list-style:none;
    margin:0;
    padding:0;
}

.timeline li{
  display:flex;
    gap:14px;
    padding:10px 0;
    border-top:1px solid var(--border);
}

.timeline li:first-child{
  border-top:0;padding-top:0;
}

.timeline .year{
  flex:0 0 90px;
    font-weight:400;
    color:var(--muted);
}

.timeline .what{
  flex:1;
    color:#0f172a;
    font-weight:400;
}

.bullets{
  margin:0;padding-left:1.2em;
}

.bullets li{
  margin:8px 0;
}