.health-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.health-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 220px;
}

.checklist-grid {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.checklist-item {
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  display: flex;
  font-weight: 800;
  gap: .55rem;
  padding: .65rem .85rem;
}

.checklist-item.complete {
  background: rgba(64, 130, 76, .12);
}

.checklist-item.missing {
  color: var(--muted);
}

.checkmark {
  color: var(--accent-strong);
  font-weight: 900;
}

.reference-form {
  margin-top: 1rem;
}

.reference-list {
  margin-bottom: 1rem;
}

.reference-row {
  align-items: flex-start;
  border-bottom: 1px solid var(--line);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 1rem;
}

.reference-row:last-child {
  border-bottom: 0;
}

.reference-row strong,
.reference-row span {
  display: block;
}

@media (max-width: 700px) {
  .reference-row {
    flex-direction: column;
  }
}