.compare-intro {
  background:var(--c-cobalt);
  color:var(--c-on-dark);
}
.compare-intro__lead {
  max-width:620px;
  font-size:var(--text-lead);
  color:var(--c-on-dark);
}
.compare-intro__note {
  max-width:620px;
  font-size:var(--text-sm);
  color:var(--c-on-dark-muted);
}
.compare-intro a:focus-visible {
  outline-color:var(--c-on-dark);
}
.compare-map {
  min-width:0;
}
.compare-map figcaption {
  display:flex;
  flex-direction:column;
  gap:6px;
}
.compare-map figcaption strong {
  font-size:var(--text-lead);
  font-weight:var(--weight-heavy);
  color:var(--c-cobalt);
}
.compare-map figcaption span,
.compare-map p {
  font-size:var(--text-sm);
  color:var(--c-muted);
}
.compare-map svg {
  display:block;
  width:100%;
  height:auto;
  margin-top:20px;
  margin-bottom:16px;
}
.compare-scroll-hint {
  font-size:var(--text-sm);
  color:var(--c-muted);
}
.compare-table {
  min-width:940px;
}
.compare-table th:first-child {
  width:16%;
}
.compare-table td {
  width:28%;
}
.compare-reviews {
  display:grid;
  gap:28px;
  margin-top:36px;
}
.compare-review {
  gap:36px;
  align-items:start;
}
.compare-review p {
  color:var(--c-muted);
  line-height:1.85;
}
.compare-review__aside {
  min-width:0;
  padding:24px;
  border-radius:var(--r-inner);
  background:var(--c-panel-2);
  color:var(--c-text);
}
.compare-review__aside > strong {
  color:var(--c-cobalt);
  font-weight:var(--weight-bold);
}
.compare-review__aside ul {
  padding-inline-start:1.2em;
}
.compare-review__aside li + li {
  margin-top:12px;
}
.compare-review__aside p {
  font-size:var(--text-sm);
}
.compare-scenario {
  margin:0;
}
.compare-scenario h3 {
  margin-bottom:14px;
}
.compare-checklist ol {
  margin:0;
}
.compare-checklist li + li {
  margin-top:18px;
}
.compare-checklist > p {
  font-size:var(--text-sm);
}
@media (max-width:768px) {
  .compare-intro__lead {
    font-size:var(--text-base);
  }
}
@media (max-width:640px) {
  .compare-review__aside {
    padding:20px;
  }
}