.account-task-count {
  margin: .5rem 0 1rem;
  color: #38564a;
  font-size: .9rem;
}
.account-task-summary {
  display: grid;
  gap: .6rem;
  padding: .8rem 1rem;
  border: 1px solid #dce8e1;
  border-radius: 10px;
  background: #f6faf8;
}
.account-task-heading { color: #263e34; }
.account-task-group {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .35rem .7rem;
}
.account-task-owner { color: #3e554b; font-size: .84rem; font-weight: 650; }
.account-task-list {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.account-task-badge {
  display: inline-block;
  max-width: 100%;
  padding: .24rem .55rem;
  border: 1px solid transparent;
  border-radius: 7px;
  font-size: .82rem;
  line-height: 1.35;
  font-weight: 650;
  overflow-wrap: anywhere;
}
.account-task-badge-required { background: #fef0e7; color: #753a12; border-color: #f1c9ad; }
.account-task-badge-review { background: #e9f2fd; color: #1f4d77; border-color: #c6d9ee; }
.account-task-badge-optional { background: #f0f3f1; color: #46564e; border-color: #d8e1dc; }
.account-task-badge-complete { background: #e9f5ec; color: #285b37; border-color: #c8e4cf; }
.account-task-complete { margin: 0; }
@media (max-width: 600px) {
  .account-task-summary { padding: .65rem .75rem; }
  .account-task-group { flex-direction: column; }
}