/* Treatment plans: the plan tab and page, goal cards, the goal form, and the chart overview's
   active-goals list. */

.goal-stack {
  display: grid;
  gap: var(--space-4);
  margin: var(--space-4) 0 var(--space-5);
}

/* The grid gap spaces the cards; drop the stacked-card margin from layout.css. */
.goal-stack > .card + .card {
  margin-top: 0;
}

.goal-card__header,
.plan-card__header {
  flex-wrap: wrap;
}

.goal-card__header .card__title {
  flex: 1 1 auto;
}

.goal-card__statement {
  margin-top: 0;
  font-size: var(--text-lg);
}

.goal-header {
  margin-top: var(--space-6);
  margin-bottom: 0;
}

.goal-header h3 {
  margin: 0;
  font-size: var(--text-xl);
}

.plan-title {
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

.plan-title h2 {
  margin: 0;
}

/* Objectives and planned interventions under a goal. */
.plan-list {
  margin: 0 0 var(--space-4);
  padding-left: var(--space-5);
}

.plan-list > li + li {
  margin-top: var(--space-3);
}

.plan-list__meta {
  margin-top: var(--space-1);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

/* Text people typed keeps its line breaks. */
.prose {
  white-space: pre-line;
  overflow-wrap: anywhere;
}

.sign-card {
  margin-top: var(--space-5);
  border-left: 4px solid var(--color-primary);
}

.sign-card form > p {
  max-width: 70ch;
}

.domain-picker {
  margin-bottom: var(--space-4);
}

/* The chart overview's Clinical card. */
.overview-goal + .overview-goal {
  margin-top: var(--space-3);
}

.overview-goal p {
  margin: 0 0 var(--space-1);
}

.overview-goal__objectives {
  margin: 0 0 var(--space-2);
  padding-left: var(--space-5);
  font-size: var(--text-sm);
}