.compare-opening {
  margin-bottom: 36px;
}
.compare-opening > .mono {
  font-size: 12px;
  letter-spacing: .06em;
}
.compare-opening .button-row {
  margin-top: 24px;
}
.compare-recommendation {
  margin-bottom: 28px;
}
.compare-recommendation h2 {
  max-width: 900px;
  margin-top: 20px;
}
.compare-recommendation p {
  max-width: 960px;
  color: var(--code-val);
}
.compare-navigation {
  margin-bottom: 0;
}
#client-notes .card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#client-notes .card > .badge-row {
  margin-bottom: 18px;
}
#client-notes .card p {
  color: var(--code-val);
}
#client-notes .card > .text-link {
  margin-top: auto;
  padding-top: 8px;
}
.compare-scenarios {
  display: grid;
  gap: 16px;
}
.compare-scenarios .callout {
  margin: 0;
}
.compare-scenarios h3 {
  font-size: 20px;
}