.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 {
  list-style-type: disc;
  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;
}