.compare-intro {
  border-bottom:1px solid var(--border);
}

.compare-scope {
  max-width:820px;
  margin-bottom:0;
  font-size:13px;
}

.compare-document {
  padding-top:48px;
}

.compare-document .prose > section:first-child > h2 {
  margin-top:0;
}

.compare-document .prose > section + section {
  padding-top:16px;
}

.compare-matrix {
  margin-top:20px;
  margin-bottom:28px;
}

.compare-matrix .data-table {
  display:table;
  min-width:1080px;
  font-size:13px;
  line-height:1.7;
}

.compare-matrix .data-table tbody th {
  background:var(--panel);
  font-weight:var(--weight-normal);
}

.compare-matrix .data-table tbody tr:last-child th {
  border-bottom:0;
}

.compare-matrix .data-table .badge {
  margin-top:8px;
}

.compare-matrix .data-table a {
  text-decoration-thickness:1px;
}

@media (max-width:640px) {
  .compare-document {
    padding-top:32px;
  }

  .compare-matrix .data-table {
    min-width:1020px;
  }
}