.activity-form { display: grid; gap: 12px; }
.activity-goals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.activity-goals > div {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #f4faf7;
}
.activity-goals strong { display: block; margin: 4px 0 8px; font-size: 24px; }
.activity-progress { height: 9px; overflow: hidden; border-radius: 5px; background: #dce8e2; }
.activity-progress i { display: block; height: 100%; background: var(--primary); }
.activity-history { display: grid; gap: 8px; margin-top: 12px; }
.activity-history article {
  display: grid;
  grid-template-columns: minmax(130px, .8fr) 1fr 1.4fr;
  gap: 10px;
  padding: 10px;
  border-bottom: 1px solid var(--line);
}
@media (max-width: 620px) {
  .activity-goals { grid-template-columns: 1fr; }
  .activity-history article { grid-template-columns: 1fr; }
}