.compare-page { background: var(--gradient-background); color: var(--color-foreground); }
.compare-page__items { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 1rem; }
.compare-page__item { display: grid; align-content: start; gap: .75rem; padding: 1.25rem; border: 1px solid var(--color-line); background: #fff; }
.compare-page__item h2 { font-size: 1.1rem; line-height: 1.2; }
.compare-page__item a { text-decoration: none; }
.compare-page__clear { margin-block-start: 1.25rem; }
@media (max-width: 639px) {
  .compare-page { --page-margin: 16px; }
  .compare-page__clear { margin-block-end: calc(5.5rem + env(safe-area-inset-bottom)); }
}