/* Readable comparison and follow-through copy, scoped to the diagnostic guides. */
.diagnostic-guide .diagnostic-intro {
  max-width: 820px;
  margin-inline: auto;
}

.diagnostic-guide .diagnostic-intro > p {
  max-width: 720px;
}

.diagnostic-guide .diagnostic-intro > .btn {
  margin-top: 24px;
}

.diagnostic-guide .card h3,
.diagnostic-guide .card p {
  text-align: left;
}

.diagnostic-guide .card ul {
  margin: 16px 0;
  padding-left: 22px;
  list-style: disc;
  color: var(--mist);
}

.diagnostic-guide .card li + li {
  margin-top: 10px;
}

.diagnostic-guide .card > .btn {
  margin-top: 24px;
  white-space: normal;
  text-align: center;
}

.diagnostic-guide .diagnostic-proof {
  margin-top: 24px;
  line-height: 1.9;
}

.diagnostic-guide .diagnostic-reading {
  max-width: 880px;
}

.diagnostic-guide .diagnostic-reading h2 {
  margin-bottom: 20px;
}

.diagnostic-guide .diagnostic-reading p {
  color: var(--mist);
}

.diagnostic-guide .diagnostic-reading p + p,
.diagnostic-guide #seo-aeo-geo p + p {
  margin-top: 16px;
}

.diagnostic-guide main a:not(.btn) {
  text-decoration: underline;
  text-underline-offset: 3px;
}