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

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

/* 3.2 Контейнер блока */
#rg-problem-page #rg-problem-block {
  position: relative !important;
  padding: 96px !important;
  border-radius: 32px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.05), transparent),
    #070a10 !important;
  color: #e6ebf2 !important;
  overflow: hidden !important;
}

/* 3.3 Фоновая "audit-сетка" */
#rg-problem-page #rg-problem-block::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 160px 160px;
  opacity: 0.25;
  pointer-events: none;
}

/* 3.4 Заголовок */
#rg-problem-page #rg-problem-block h2 {
  font-size: clamp(38px, 4vw, 56px) !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 36px !important;
  position: relative;
  z-index: 1;
}

#rg-problem-page #rg-problem-block h2 strong {
  color: #ff5c5c !important;
  text-shadow: 0 0 28px rgba(255,92,92,0.5) !important;
}

/* 3.5 Вводный абзац */
#rg-problem-page #rg-problem-block .rg-problem-intro {
  font-size: 20px !important;
  line-height: 1.6 !important;
  max-width: 880px !important;
  margin-bottom: 64px !important;
  color: #e6ebf2 !important;
  position: relative;
  z-index: 1;
}

#rg-problem-page #rg-problem-block .rg-problem-intro span {
  color: #8a94a6 !important;
}

/* 3.6 Сетка «Причины → Последствия» */
#rg-problem-page #rg-problem-block .rg-problem-grid {
  display: grid !important;
  grid-template-columns: 1.2fr 0.8fr !important;
  gap: 64px !important;
  margin-bottom: 64px !important;
  position: relative;
  z-index: 1;
}

/* 3.7 Причины (левая колонка) */
#rg-problem-page #rg-problem-block .rg-problem-causes {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#rg-problem-page #rg-problem-block .rg-problem-causes li {
  list-style: none !important;
  font-size: 18px !important;
  padding: 14px 0 14px 28px !important;
  position: relative !important;
  color: #e6ebf2 !important;
}

#rg-problem-page #rg-problem-block .rg-problem-causes li::before {
  content: '×';
  position: absolute;
  left: 0;
  color: #ff5c5c;
  font-weight: 700;
}

/* 3.8 Последствия (правая колонка) */
#rg-problem-page #rg-problem-block .rg-problem-effects {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#rg-problem-page #rg-problem-block .rg-problem-effects li {
  list-style: none !important;
  font-size: 18px !important;
  padding: 16px 20px !important;
  margin-bottom: 16px !important;
  border-left: 4px solid #ff5c5c !important;
  background: rgba(255,92,92,0.08) !important;
  color: #e6ebf2 !important;
}

#rg-problem-page #rg-problem-block .rg-problem-effects li:last-child {
  margin-bottom: 0 !important;
}

/* 3.9 Финальная формула */
#rg-problem-page #rg-problem-block .rg-problem-conclusion {
  font-size: 28px !important;
  font-weight: 600 !important;
  margin-top: 24px !important;
  position: relative;
  z-index: 1;
}

#rg-problem-page #rg-problem-block .rg-problem-conclusion strong {
  color: #3dffb2 !important;
  text-shadow: 0 0 26px rgba(61,255,178,0.5) !important;
}

@media (max-width: 768px) {
  #rg-problem-page #rg-problem-block {
    padding: 48px 24px !important;
  }
  #rg-problem-page #rg-problem-block .rg-problem-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  #rg-problem-page #rg-problem-block .rg-problem-conclusion {
    font-size: 22px !important;
  }
}