/* Start custom CSS for html, class: .elementor-element-5fd64f2 */.em-article {
  --em-card: #ffffff;
  --em-text: #1c2430;
  --em-muted: #5f6b7a;
  --em-border: #dfe6ef;
  --em-accent: #ffb300;
  --em-accent-dark: #e09a00;
  --em-danger: #b42318;
  --em-danger-bg: #fff1f0;
  --em-soft: #eef5ff;
  --em-dark: #162032;

  max-width: 1120px;
  margin: 0 auto;
  padding: 24px 16px 56px;
  color: var(--em-text);
  font-size: 17px;
  line-height: 1.65;
}

.em-article * {
  box-sizing: border-box;
}

.em-article h1,
.em-article h2,
.em-article h3 {
  line-height: 1.25;
  color: var(--em-dark);
  margin: 0 0 16px;
}

.em-article h1 {
  font-size: clamp(30px, 4vw, 48px);
  letter-spacing: -0.03em;
}

.em-article h2 {
  font-size: clamp(24px, 3vw, 34px);
}

.em-article h3 {
  font-size: 21px;
}

.em-article p {
  margin: 0 0 16px;
}

.em-article a {
  color: #0b66c3;
  text-decoration: none;
}

.em-article a:hover {
  text-decoration: underline;
}

/* Первый экран */

.em-hero {
  background: linear-gradient(135deg, #172033 0%, #263956 58%, #334b70 100%);
  color: #ffffff;
  border-radius: 28px;
  padding: clamp(24px, 4vw, 46px);
  margin-bottom: 24px;
  box-shadow: 0 18px 48px rgba(15, 28, 50, 0.18);
}

.em-hero h1,
.em-hero p,
.em-hero strong {
  color: #ffffff;
}

.em-label {
  display: inline-flex;
  background: rgba(255, 179, 0, 0.16);
  border: 1px solid rgba(255, 179, 0, 0.45);
  color: #ffe3a1;
  border-radius: 999px;
  padding: 7px 13px;
  margin-bottom: 18px;
  font-size: 14px;
  font-weight: 700;
}

.em-lead {
  max-width: 900px;
  font-size: clamp(18px, 2vw, 22px);
  opacity: 0.96;
}

/* Предупреждения */

.em-alert {
  background: var(--em-soft);
  border: 1px solid #cfe2ff;
  border-left: 5px solid #2f80ed;
  border-radius: 18px;
  padding: 18px 20px;
  margin: 20px 0;
  color: var(--em-text);
}

.em-alert-danger {
  background: var(--em-danger-bg);
  border-color: #ffd0cc;
  border-left-color: var(--em-danger);
}

.em-hero .em-alert {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.22);
  border-left-color: var(--em-accent);
  color: #ffffff;
}

.em-hero .em-alert-danger {
  background: rgba(180, 35, 24, 0.22);
  border-color: rgba(255, 210, 205, 0.35);
  border-left-color: #ff6b5f;
}

/* Быстрые карточки */

.em-quick-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 24px 0;
}

.em-quick-card {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 18px;
  padding: 16px;
}

.em-quick-card span {
  display: block;
  color: #ffd36d;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 7px;
}

.em-quick-card strong {
  display: block;
  font-size: 16px;
}

/* Содержание */

.em-toc {
  background: #fffaf0;
  border: 1px solid #ffe2a3;
  border-radius: 24px;
  padding: clamp(22px, 3vw, 34px);
  margin: 22px 0;
  box-shadow: 0 10px 30px rgba(17, 31, 52, 0.06);
}

.em-toc strong {
  display: block;
  margin-bottom: 12px;
  font-size: 20px;
  color: var(--em-dark);
}

.em-toc ol {
  columns: 2;
  column-gap: 36px;
  margin: 0;
  padding-left: 22px;
}

.em-toc li {
  break-inside: avoid;
  margin-bottom: 7px;
}

/* Основные секции */

.em-section {
  background: var(--em-card);
  border: 1px solid var(--em-border);
  border-radius: 24px;
  padding: clamp(22px, 3vw, 34px);
  margin: 22px 0;
  box-shadow: 0 10px 30px rgba(17, 31, 52, 0.06);
}

/* Таблицы */

.em-table-wrap {
  overflow-x: auto;
  margin: 18px 0 8px;
  border-radius: 18px;
  border: 1px solid var(--em-border);
}

.em-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
  background: #ffffff;
}

.em-table th,
.em-table td {
  padding: 15px 16px;
  vertical-align: top;
  border-bottom: 1px solid var(--em-border);
  text-align: left;
}

.em-table th {
  background: #f1f5f9;
  color: #1a2535;
  font-weight: 800;
}

.em-table tr:last-child td {
  border-bottom: 0;
}

/* Карточки */

.em-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 18px 0 4px;
}

.em-cards-2 {
  grid-template-columns: repeat(2, 1fr);
}

.em-cards-3 {
  grid-template-columns: repeat(3, 1fr);
}

.em-card,
.em-note-link,
.em-formula {
  background: #f7f9fc;
  border: 1px solid var(--em-border);
  border-radius: 20px;
  padding: 20px;
}

.em-card p {
  color: var(--em-muted);
}

.em-card-bad {
  background: #fff8f7;
  border-color: #ffd8d3;
}

.em-note-link {
  margin-top: 18px;
}

.em-note-link strong {
  color: var(--em-dark);
}

/* Нумерованные шаги */

.em-steps {
  margin: 0;
  padding-left: 22px;
}

.em-steps li {
  margin-bottom: 12px;
}

.em-steps strong {
  color: var(--em-dark);
}

/* Чек-листы */

.em-checklist {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 18px;
}

.em-checklist label {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  background: #f7f9fc;
  border: 1px solid var(--em-border);
  border-radius: 16px;
  padding: 14px;
}

.em-checklist input {
  margin-top: 6px;
  transform: scale(1.15);
}

/* CTA */

.em-cta {
  display: grid;
  grid-template-columns: 1.4fr 0.8fr;
  gap: 16px;
  align-items: center;
  background: linear-gradient(135deg, #fff7e0 0%, #ffffff 100%);
  border: 1px solid #ffe2a3;
  border-radius: 24px;
  padding: clamp(22px, 3vw, 34px);
  margin: 22px 0;
  box-shadow: 0 10px 30px rgba(17, 31, 52, 0.06);
}

.em-cta h2 {
  margin-bottom: 12px;
}

.em-cta-top {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: none;
  margin: 26px 0 0;
}

.em-cta-top p,
.em-cta-top strong {
  color: #ffffff;
}

.em-cta-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.em-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 18px;
  border-radius: 14px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
}

.em-btn:hover {
  text-decoration: none;
}

.em-btn-primary {
  background: var(--em-accent);
  color: #1a1a1a !important;
}

.em-btn-secondary {
  background: #1d8bd1;
  color: #ffffff !important;
}

.em-btn-light {
  background: #ffffff;
  color: #172033 !important;
  border: 1px solid var(--em-border);
}

/* FAQ */

.em-faq {
  display: grid;
  gap: 12px;
}

.em-faq details {
  background: #f7f9fc;
  border: 1px solid var(--em-border);
  border-radius: 18px;
  padding: 16px 18px;
}

.em-faq summary {
  cursor: pointer;
  font-weight: 800;
  color: var(--em-dark);
}

.em-faq p {
  margin: 12px 0 0;
  color: var(--em-muted);
}

/* Похожие статьи */

.em-related {
  background: #f8fbff;
}

.em-related-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.em-related-grid a {
  display: block;
  background: #ffffff;
  border: 1px solid var(--em-border);
  border-radius: 16px;
  padding: 15px 16px;
  font-weight: 800;
}

.em-final {
  background: #f7f9fc;
}

/* Мобильная адаптация */

@media (max-width: 980px) {
  .em-quick-grid,
  .em-cards,
  .em-cards-2,
  .em-cards-3,
  .em-cta,
  .em-checklist,
  .em-related-grid {
    grid-template-columns: 1fr;
  }

  .em-toc ol {
    columns: 1;
  }
}

@media (max-width: 640px) {
  .em-article {
    padding: 14px 10px 40px;
    font-size: 16px;
  }

  .em-hero,
  .em-section,
  .em-toc,
  .em-cta {
    border-radius: 20px;
    padding: 20px;
  }

  .em-table {
    min-width: 720px;
  }

  .em-btn {
    width: 100%;
  }

  .em-label {
    font-size: 13px;
    line-height: 1.35;
  }
}/* End custom CSS */