/* rg-compare.isolated.css — только для страницы about, изоляция по #rg-compare-page */

/* 2.1 Локальный reset */
#rg-compare-page #rg-compare-block,
#rg-compare-page #rg-compare-block * {
  all: revert;
  box-sizing: border-box;
  font-family: 'Inter', 'Manrope', system-ui !important;
}

/* 2.2 Контейнер блока */
#rg-compare-page #rg-compare-block {
  padding: 96px !important;
  border-radius: 36px !important;
  background:
    radial-gradient(circle at 80% 20%, rgba(77,163,255,0.18), transparent 60%),
    radial-gradient(circle at 20% 80%, rgba(61,255,178,0.18), transparent 60%),
    #06080d !important;
  color: #e6ebf2 !important;
}

/* 2.3 Заголовок и ввод */
#rg-compare-page .rg-compare-header h2 {
  font-size: clamp(36px, 4vw, 54px) !important;
  margin-bottom: 12px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

#rg-compare-page .rg-compare-subtitle {
  font-size: 18px !important;
  color: #8a94a6 !important;
  margin-bottom: 40px !important;
  line-height: 1.4 !important;
}

#rg-compare-page .rg-compare-intro {
  font-size: 20px !important;
  line-height: 1.6 !important;
  max-width: 900px !important;
  margin-bottom: 72px !important;
  color: #e6ebf2 !important;
}

#rg-compare-page .rg-compare-intro strong {
  color: #4da3ff !important;
}

/* 2.4 Таблица сравнения */
#rg-compare-page .rg-compare-table {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 48px !important;
}

/* 2.5 Колонки */
#rg-compare-page .rg-compare-col {
  padding: 40px !important;
  border-radius: 28px !important;
}

#rg-compare-page .rg-compare-col h3 {
  font-size: 22px !important;
  margin-bottom: 32px !important;
  font-weight: 600 !important;
}

#rg-compare-page .rg-compare-col ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Левая — рынок (приглушённо) */
#rg-compare-page .rg-compare-col.left {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

#rg-compare-page .rg-compare-col.left li {
  list-style: none !important;
  padding: 14px 0 14px 28px !important;
  position: relative !important;
  color: #8a94a6 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

#rg-compare-page .rg-compare-col.left li::before {
  content: '–';
  position: absolute;
  left: 0;
  color: #8a94a6;
}

/* Правая — Реестр Гарант (акцент) */
#rg-compare-page .rg-compare-col.right {
  background:
    linear-gradient(135deg, rgba(61,255,178,0.18), rgba(77,163,255,0.18)) !important;
  border: 1px solid rgba(77,163,255,0.35) !important;
}

#rg-compare-page .rg-compare-col.right li {
  list-style: none !important;
  padding: 14px 0 14px 32px !important;
  position: relative !important;
  color: #e6ebf2 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

#rg-compare-page .rg-compare-col.right li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #3dffb2;
  font-weight: 700;
}

#rg-compare-page .rg-compare-col.right li strong {
  color: inherit !important;
}

/* 2.6 Mobile */
@media (max-width: 768px) {
  #rg-compare-page #rg-compare-block {
    padding: 48px 24px !important;
  }

  #rg-compare-page .rg-compare-header h2 {
    font-size: clamp(28px, 5vw, 36px) !important;
  }

  #rg-compare-page .rg-compare-intro {
    margin-bottom: 48px !important;
    font-size: 18px !important;
  }

  #rg-compare-page .rg-compare-table {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  #rg-compare-page .rg-compare-col {
    padding: 28px !important;
  }
}