/* СТАНДАРТНАЯ ЦВЕТОВАЯ ПАЛИТРА БЛОГА */
:root {
  --font-size: 16px;
  --background: #FAFAFA;
  --foreground: #0f0f1c;
  --card: #ffffff;
  --card-foreground: #0f0f1c;
  --primary: #5B5FED;
  --primary-foreground: #ffffff;
  --secondary: #E8E8FF;
  --secondary-foreground: #5B5FED;
  --muted: #E8E8FF;
  --muted-foreground: #414B5A;
  --accent: #E63E8E;
  --border: rgba(91, 95, 237, 0.1);
  
  /* СТАНДАРТНЫЕ РАЗМЕРЫ ТЕКСТА БЛОГА */
  --text-base: 1.125rem;
  --text-lg: 1.25rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  
  /* СТАНДАРТНЫЙ FONT-WEIGHT */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  
  --leading-relaxed: 1.625;
  --radius: 0.75rem;
}

/* Article page container - scoped to this specific article */
.article-page-conversational-surveys-when-and-how-to-use-them {
  --article-background: #FAFAFA !important;
  background: var(--article-background) !important;
  min-height: 100vh !important;

  /* Переопределение глобальных переменных */
  --background: #FAFAFA !important;
  --foreground: #0f0f1c !important;
  --primary: #5B5FED !important;
  --muted-foreground: #414B5A !important;
  --border: rgba(91, 95, 237, 0.1) !important;
}

/* H2 - СТАНДАРТНЫЕ РАЗМЕРЫ И ЖИРНОСТЬ */
.article-page-conversational-surveys-when-and-how-to-use-them article h2 {
  font-family: 'Inter', sans-serif;
  font-size: var(--text-2xl) !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  color: var(--foreground) !important;
  margin-top: 3rem !important;
  margin-bottom: 1rem !important;
}

/* H3 - СТАНДАРТНЫЕ РАЗМЕРЫ И ЖИРНОСТЬ */
.article-page-conversational-surveys-when-and-how-to-use-them article h3 {
  font-family: 'Inter', sans-serif;
  font-size: var(--text-xl) !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  color: var(--foreground) !important;
  margin-top: 2rem !important;
  margin-bottom: 1rem !important;
}

/* Body paragraphs - СТАНДАРТНЫЕ РАЗМЕРЫ */
.article-page-conversational-surveys-when-and-how-to-use-them article p {
  font-family: 'Inter', sans-serif;
  font-size: var(--text-base) !important;
  line-height: var(--leading-relaxed) !important;
  font-weight: var(--font-weight-normal) !important;
  color: var(--muted-foreground) !important;
  margin-bottom: 1.5rem !important;
}

/* Lists - СТАНДАРТНАЯ СТРУКТУРА */
.article-page-conversational-surveys-when-and-how-to-use-them article ul {
  list-style: none !important;
  padding: 0;
  margin: 0 0 2rem 1.5rem !important;
}

/* ⚠️ ВАЖНО: НЕ использовать flex/gap - буллеты через ::before с position: absolute */
.article-page-conversational-surveys-when-and-how-to-use-them article ul li {
  font-family: 'Inter', sans-serif;
  font-size: var(--text-base) !important;
  line-height: var(--leading-relaxed) !important;
  color: var(--muted-foreground) !important;
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
  list-style: none !important;
}

/* Bullet points - СТАНДАРТНЫЙ СТИЛЬ с position: absolute */
.article-page-conversational-surveys-when-and-how-to-use-them article ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.625rem;
  width: 0.375rem;
  height: 0.375rem;
  background-color: var(--primary);
  border-radius: 50%;
}

/* Links */
.article-page-conversational-surveys-when-and-how-to-use-them article a {
  color: var(--primary);
  text-decoration: none;
  transition: color 0.15s ease;
}

.article-page-conversational-surveys-when-and-how-to-use-them article a:hover {
  text-decoration: underline;
}

/* Strong text */
.article-page-conversational-surveys-when-and-how-to-use-them article strong {
  font-weight: 500;
  color: var(--foreground);
}

/* RESPONSIVE - Desktop размеры */
@media (min-width: 640px) {
  .article-page-conversational-surveys-when-and-how-to-use-them article h2 {
    font-size: var(--text-3xl);
  }
  
  .article-page-conversational-surveys-when-and-how-to-use-them article h3 {
    font-size: 1.5625rem;
  }
  
  .article-page-conversational-surveys-when-and-how-to-use-them article p {
    font-size: var(--text-lg);
  }
  
  .article-page-conversational-surveys-when-and-how-to-use-them article ul li {
    font-size: var(--text-lg);
  }
}