.compare-intro {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  align-items:center;
  gap:var(--space-6);
}
.compare-intro > * {
  min-width:0;
}
.compare-intro h1 {
  margin-bottom:var(--space-3);
}
.compare-summary {
  max-width:32em;
  margin-bottom:var(--space-3);
  color:var(--text);
}
.compare-intro .muted {
  max-width:34em;
}
.compare-picks {
  box-shadow:var(--shadow-window);
  background:radial-gradient(80% 60% at 100% 100%,var(--mist-apricot),var(--clear)),radial-gradient(70% 60% at 0 0,var(--mist-pink),var(--clear)),var(--panel);
}
.compare-label {
  margin-bottom:var(--space-2);
  color:var(--ink-2);
  font-family:var(--font-mono);
}
.compare-picks h2 {
  margin-bottom:var(--space-4);
  font-size:var(--fs-h3);
}
.compare-pick {
  padding-top:var(--space-3);
  padding-bottom:var(--space-3);
  border-top:1px solid var(--line-strong);
}
.compare-pick > strong {
  font-family:var(--font-display);
  font-size:var(--fs-h3);
  font-weight:var(--weight-title);
}
.compare-pick p {
  margin-top:var(--space-1);
  margin-bottom:var(--space-2);
  color:var(--ink-2);
}
.compare-pick a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
}
.compare-platforms {
  display:flex;
  flex-wrap:wrap;
  column-gap:var(--space-3);
}
.compare-footnote {
  margin:var(--space-2) 0 0;
  color:var(--ink-2);
}
.compare-document {
  background:radial-gradient(70% 280px at 100% 0,var(--mist-apricot),var(--clear)),var(--panel);
}
.compare-document > section {
  scroll-margin-top:var(--space-3);
}
.compare-document .table-scroll {
  margin-top:var(--space-3);
  margin-bottom:var(--space-4);
}
.compare-document .data-table {
  min-width:860px;
}
.compare-document .data-table th:first-child {
  min-width:9em;
}
.compare-document .data-table td {
  width:28%;
}
@media (max-width:1020px) {
  .compare-intro {
    gap:var(--space-4);
    grid-template-columns:minmax(0,1fr);
  }
}
@media (max-width:768px) {
  .compare-intro {
    gap:var(--space-5);
  }
}