.compare-intro {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:64px;
  align-items:center;
}
.compare-intro > * {
  min-width:0;
}
.compare-opening h1 {
  margin-top:24px;
  margin-bottom:24px;
}
.compare-lead {
  max-width:620px;
  margin-bottom:28px;
  color:var(--c-muted);
  font-size:18px;
  line-height:1.85;
}
.compare-intro .panel h2 {
  margin-top:20px;
  margin-bottom:16px;
}
.compare-content > .section + .section {
  border-top:1px solid var(--c-border);
}
.compare-table {
  min-width:1080px;
}
.compare-table caption {
  padding:18px 20px;
  text-align:left;
  font-weight:600;
  background:var(--c-panel);
  color:var(--c-text);
  border-bottom:1px solid var(--c-border);
}
.compare-table tbody th {
  min-width:13em;
  background:var(--c-bg);
  color:var(--c-text);
}
.compare-table tbody th .badge {
  margin-top:10px;
}
.compare-table td:last-child {
  min-width:17em;
}
.compare-notes .client-card {
  scroll-margin-top:28px;
}
.compare-notes .client-card p {
  line-height:1.85;
}
.compare-notes .client-card {
  display:flex;
  flex-direction:column;
}
.compare-notes .client-actions {
  margin-top:auto;
  padding-top:12px;
}
#usage-scenes .callout {
  margin-block:0;
}
.compare-reading {
  padding-inline:0;
}
.compare-reading h2 {
  margin-top:0;
}
@media (max-width:900px) {
  .compare-intro {
    grid-template-columns:1fr;
    gap:36px;
  }
}
@media (max-width:768px) {
  .compare-notes .grid-two,
  #usage-scenes .grid-two {
    grid-template-columns:1fr;
  }
  .compare-lead {
    font-size:16px;
  }
}