.comparison-lead.card {
  padding-bottom: clamp(26px, 4vw, 44px);
  border-bottom: 1px solid var(--o4-premium-line);
}

.comparison-lead h1 {
  max-width: 20ch;
}

.comparison-lead .editorial-content,
.comparison-lead > p:not(.section-kicker),
.comparison-lead ul {
  max-width: 880px;
}

.comparison-tool-grid {
  gap: 14px;
  margin-top: clamp(22px, 3vw, 36px);
}

.comparison-tool-card.card {
  overflow: hidden;
  padding: 0;
  border-radius: 8px;
  background: #111318;
}

.comparison-tool-card > h2,
.comparison-tool-card > p,
.comparison-tool-card > .badges,
.comparison-tool-card > p:last-child {
  padding-inline: 16px;
}

.comparison-tool-card > h2 {
  margin-top: 16px;
  font-size: clamp(1.12rem, 1.45vw, 1.55rem);
}

.comparison-tool-card > p {
  margin-top: 10px;
  color: rgba(238, 240, 242, 0.64);
  font-size: 0.88rem;
  line-height: 1.52;
}

.comparison-tool-card > p strong {
  color: rgba(246, 246, 244, 0.82);
}

.comparison-tool-card > p:nth-of-type(n+4) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.comparison-tool-card > .badges {
  gap: 6px;
  margin-top: 12px;
}

.comparison-tool-card .badge:nth-child(n+3) {
  display: none;
}

.comparison-tool-card > p:last-child {
  padding-bottom: 16px;
}

.comparison-fit-signal.card {
  margin-top: 14px;
  padding: 20px;
}

.comparison-fit-signal h2,
.comparison-support-grid h2 {
  margin-top: 0;
  font-size: clamp(1.3rem, 1.75vw, 2rem);
}
