.body-styles {
  font-family: var(--font-family);
  font-size: 1rem;
  line-height: 1.3;
}
.body-styles h1,
.body-styles h2,
.body-styles h3,
.body-styles h4,
.body-styles h5 {
  color: #222222;
  font-weight: 700;
  line-height: 1.25;
  margin-top: 0.8em;
  margin-bottom: 1.3em;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #2e363d;
  font-weight: 800;
}
.body-styles h5 {
  margin-bottom: 1.3em;
}

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

/* ==========================================================================
   ������� ����� � ������
   ========================================================================== */
.body-styles p {
  font-size: 1em; /* ��������� 1rem �� �������� */
  margin-top: 0;
  margin-bottom: 0.8em;
}

/* ==========================================================================
   ������ (��������� ������� ��������)
   ========================================================================== */
.body-styles ul,
.body-styles ol {
  margin-top: 0;
  margin-bottom: 1.25em;
  padding-left: 0; /* ������ ����� ��� ��������/���� */
}

.body-styles li {
  padding-left: 18px;
  margin-bottom: 0.7em; /* ��������� ���������� ����� �������� ������ */
}

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