.compare-intro h1 {
  max-width:24em;
  margin-bottom:24px;
}
.compare-summary {
  max-width:760px;
  color:var(--text-muted);
  line-height:var(--leading-body);
}
.compare-note {
  max-width:760px;
  margin-top:24px;
  margin-bottom:0;
  color:var(--text-muted);
  font-size:var(--size-small);
}
.compare-content {
  padding-bottom:32px;
}
.compare-content > .section {
  padding-top:56px;
  padding-bottom:32px;
  scroll-margin-top:120px;
}
.compare-content .card > .client-badge {
  margin-bottom:20px;
}
.compare-content .card p,
.compare-content .panel p {
  line-height:var(--leading-body);
}
.compare-table {
  min-width:1120px;
}
.compare-table th:first-child {
  min-width:13em;
}
.compare-table td:last-child {
  min-width:17em;
}
.compare-table tbody th {
  font-weight:var(--weight-semibold);
}
.compare-reviews {
  max-width:var(--reading-w);
}
.compare-reviews article {
  scroll-margin-top:120px;
}
.compare-reviews article + article {
  margin-top:36px;
  padding-top:12px;
  border-top:1px solid var(--border);
}
.compare-content .callout h3 {
  font-size:var(--size-h3);
}
@media (max-width:640px) {
  .compare-content > .section {
    padding-top:40px;
    padding-bottom:24px;
    scroll-margin-top:180px;
  }
  .compare-reviews article {
    scroll-margin-top:180px;
  }
}