.body-styles {
  font-family: var(--font-family);
  font-size: 1rem;
  line-height: 1.6;
}
.body-styles h1,
.body-styles h2,
.body-styles h3,
.body-styles h4 {
  color: #222222;
  font-weight: 700;
  line-height: 1.25; /* У заголовков строка должна быть плотнее, чем у текста */
  /* Отступ сверху больше, чтобы отделить от предыдущего абзаца, снизу меньше — чтобы быть ближе к своему тексту */
  margin-top: 1.6em;
  margin-bottom: 0.6em;
}

.body-styles h1 {
  font-size: 2.5em;
} /* ~40px */
.body-styles h2 {
  font-size: 2em;
} /* ~32px */
.body-styles h3 {
  font-size: 1.5em;
} /* ~24px */
.body-styles h4 {
  font-size: 1.25em;
} /* ~20px */

/* ==========================================================================
   Обычный текст и абзацы
   ========================================================================== */
.body-styles p {
  font-size: 1em; /* Наследует 1rem от родителя */
  margin-top: 0;
  margin-bottom: 1.25em; /* Стандартный "золотой" отступ между абзацами */
}

/* ==========================================================================
   Списки (Учитываем отступы маркеров)
   ========================================================================== */
.body-styles ul,
.body-styles ol {
  margin-top: 0;
  margin-bottom: 1.25em;
  padding-left: 1.5em; /* Отступ слева для маркеров/цифр */
}

.body-styles li {
  margin-bottom: 0.5em; /* Небольшое расстояние между пунктами списка */
}

.body-styles li > ul,
.body-styles li > ol {
  margin-top: 0.5em; /* Если внутри списка есть вложенный список */
  margin-bottom: 0;
}

/* ==========================================================================
   Цитаты (Blockquote) — часто бывают в статьях
   ========================================================================== */
.body-styles blockquote {
  margin: 0;
  padding: 0.8em 1.2em;
  border-left: 4px solid #caab73; /* Цвет вашей темы (например, золото/коричневый) */
  background-color: #f9f9f9;
  font-style: italic;
}

.body-styles blockquote p {
  margin-bottom: 0; /* Чтобы маргины абзаца внутри цитаты её не ломали */
}
.body-styles > *:first-child {
  margin-top: 0;
}
.body-styles > *:last-child {
  margin-bottom: 0;
}