.profile-activity {
  max-width: 1320px;
  margin: 70px auto 0;
  border-top: 1px solid var(--line);
}

.profile-activity > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  padding: 30px 0;
}

.profile-activity > header span {
  color: var(--cyan);
  font-size: .43rem;
  letter-spacing: .15em;
}

.profile-activity h2 {
  margin: 7px 0 0;
  font-family: "Archivo Black", sans-serif;
  font-size: clamp(2rem, 5vw, 4.5rem);
  line-height: .9;
}

.profile-activity > header > b,
.profile-activity li time {
  color: var(--muted);
  font-size: .45rem;
}

.profile-activity ol {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line);
  list-style: none;
}

.profile-activity li {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  min-height: 72px;
  border-bottom: 1px solid var(--line);
}

.profile-activity li span {
  color: var(--cyan);
  font-size: .45rem;
  letter-spacing: .12em;
}

.profile-activity li strong,
.profile-activity__empty strong {
  font-family: "Archivo Black", sans-serif;
}

.profile-activity li strong {
  font-size: clamp(.8rem, 1.5vw, 1.2rem);
}

.profile-activity__empty {
  padding: 30px 0;
}

.profile-activity__empty p {
  color: var(--muted);
  font-size: .62rem;
}

@media (max-width: 600px) {
  .profile-activity li {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .profile-activity li time {
    grid-column: 2;
  }
}