/* Article: Open-Ended vs Close-Ended Survey Questions */

/* СТАНДАРТНАЯ ЦВЕТОВАЯ ПАЛИТРА БЛОГА */
: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-open-ended-vs-close-ended-survey-questions {
  --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-open-ended-vs-close-ended-survey-questions 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-open-ended-vs-close-ended-survey-questions 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-open-ended-vs-close-ended-survey-questions 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-open-ended-vs-close-ended-survey-questions article ul {
  list-style: none !important;
  padding: 0;
  margin: 0 0 2rem 1.5rem !important;
}

/* List items with position: relative for absolute positioning of bullets */
.article-page-open-ended-vs-close-ended-survey-questions 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-open-ended-vs-close-ended-survey-questions 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-open-ended-vs-close-ended-survey-questions article a {
  color: var(--primary);
  text-decoration: none;
  transition: color 0.15s ease;
}

.article-page-open-ended-vs-close-ended-survey-questions article a:hover {
  text-decoration: underline;
}

/* Strong text */
.article-page-open-ended-vs-close-ended-survey-questions article strong {
  font-weight: 600;
  color: var(--foreground);
}

/* UNIQUE STYLES FOR THIS ARTICLE */

/* Highlight boxes (white boxes with border) */
.article-page-open-ended-vs-close-ended-survey-questions .highlight-box {
  background: var(--card) !important;
  border: 1px solid rgba(232, 232, 255, 1) !important;
  border-radius: 1rem !important;
  padding: 1.5rem !important;
  margin: 1.5rem 0 !important;
}

.article-page-open-ended-vs-close-ended-survey-questions .highlight-box p {
  font-weight: 500 !important;
  color: var(--foreground) !important;
  margin-bottom: 1rem !important;
}

.article-page-open-ended-vs-close-ended-survey-questions .highlight-box ul {
  margin: 0 0 0 1.5rem !important;
}

.article-page-open-ended-vs-close-ended-survey-questions .highlight-box ul li {
  margin-bottom: 0.75rem !important;
}

/* Remember box (light purple background) */
.article-page-open-ended-vs-close-ended-survey-questions .remember-box {
  background: #f5f5ff !important;
  border: 1px solid rgba(91, 95, 237, 0.15) !important;
  border-radius: 1rem !important;
  padding: 2rem !important;
  margin: 3.5rem 0 !important;
}

.article-page-open-ended-vs-close-ended-survey-questions .remember-box p {
  color: var(--muted-foreground) !important;
  margin-bottom: 1.25rem !important;
}

.article-page-open-ended-vs-close-ended-survey-questions .remember-box ul {
  margin: 0 0 0 1.5rem !important;
}

.article-page-open-ended-vs-close-ended-survey-questions .remember-box ul li {
  margin-bottom: 0.75rem !important;
}

.article-page-open-ended-vs-close-ended-survey-questions .remember-box ul li::before {
  width: 0.375rem !important;
  height: 0.375rem !important;
  top: 0.625rem !important;
}

/* RESPONSIVE - Desktop размеры */
@media (min-width: 640px) {
  .article-page-open-ended-vs-close-ended-survey-questions article h2 {
    font-size: var(--text-3xl) !important;
  }
  
  .article-page-open-ended-vs-close-ended-survey-questions article p {
    font-size: var(--text-lg) !important;
  }

  .article-page-open-ended-vs-close-ended-survey-questions article ul li {
    font-size: var(--text-lg) !important;
  }
}