.body-styles {
  font-family: var(--font-family);
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 500;
}
.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;
  font-weight: 500;
  padding-left: 3em; /* ������ ����� ��� ��������/���� */
}

.body-styles li:not(:last-child) {
  margin-bottom: 2em; /* ��������� ���������� ����� �������� ������ */
}

.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;
}
@media screen and (max-width: 991px) {
  .body-styles {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .body-styles {
    font-size: 14px;
  }
}