/* Стили контента, который приходит из административной панели. */
.article-content-html{margin-top:34px}
.article-content-html> :first-child{margin-top:0!important}
.article-content-html h2{scroll-margin-top:110px;margin:54px 0 19px;font-size:39px;line-height:1.2;letter-spacing:-.04em;font-weight:600;color:#1a2034}
.article-content-html h3{scroll-margin-top:110px;margin:34px 0 14px;font-size:24px;line-height:1.35;color:#252b40}
.article-content-html h4{margin:28px 0 12px;font-size:19px;line-height:1.4;color:#252b40}
.article-content-html p{margin:0 0 20px;color:#5e687f;font-size:17px;line-height:1.78}
.article-content-html a{color:#5b4cf3;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article-content-html strong{color:#252b40;font-weight:700}
.article-content-html ul,.article-content-html ol{margin:24px 0;padding:0;display:grid;gap:12px;list-style:none;counter-reset:dp-list}
.article-content-html ul li,.article-content-html ol li{position:relative;padding:17px 20px 17px 54px;border:1px solid #e2e5ee;border-radius:18px;background:#fff;color:#657086;font-size:15px;line-height:1.65}
.article-content-html ul li::before{content:"";position:absolute;left:21px;top:24px;width:12px;height:12px;border:4px solid #6758f8;border-radius:50%;box-shadow:0 0 0 5px #efedff}
.article-content-html ol li{counter-increment:dp-list}
.article-content-html ol li::before{content:counter(dp-list,decimal-leading-zero);position:absolute;left:16px;top:14px;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#efedff;color:#5b4cf3;font-size:10px;font-weight:800}
.article-content-html blockquote{position:relative;margin:34px 0;padding:34px 36px 32px;border:0;border-radius:24px;background:linear-gradient(135deg,#5f50f6,#4330dc);color:#fff;overflow:hidden}
.article-content-html blockquote::after{content:"";position:absolute;right:-40px;bottom:-70px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.1)}
.article-content-html blockquote p{position:relative;z-index:1;margin:0;color:#fff;font-size:23px;line-height:1.5}
.article-content-html img{display:block;max-width:100%;height:auto;margin:30px auto;border-radius:24px;box-shadow:0 18px 42px rgba(46,50,84,.12)}
.article-content-html figure{margin:30px 0}.article-content-html figcaption{margin-top:10px;color:#8a92a5;font-size:12px;text-align:center}
.article-content-html table{width:100%;margin:30px 0;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #e0e3ed;border-radius:18px;background:#fff;font-size:14px}
.article-content-html th,.article-content-html td{padding:15px 17px;border-right:1px solid #e8eaf1;border-bottom:1px solid #e8eaf1;text-align:left;vertical-align:top}
.article-content-html th{background:#f4f2ff;color:#302a6e;font-weight:800}.article-content-html tr:last-child td{border-bottom:0}.article-content-html th:last-child,.article-content-html td:last-child{border-right:0}
.toc-card nav a.toc-sublevel{padding-left:12px;font-size:12px;font-weight:600}.dp-blog-empty{min-height:380px;display:flex;align-items:flex-end}.dp-blog-empty .featured-story-body{width:100%}
@media(max-width:720px){.article-content-html h2{font-size:30px;margin-top:42px}.article-content-html h3{font-size:22px}.article-content-html p{font-size:16px}.article-content-html ul li,.article-content-html ol li{padding-right:16px}.article-content-html blockquote{padding:28px 22px}.article-content-html blockquote p{font-size:20px}.article-content-html table{display:block;overflow-x:auto;white-space:nowrap}}

/* DP CHECKLIST DIV FIX START */
/*
 * Поддержка HTML из админки:
 * .article-checklist > .dp-checklist-list > .dp-checklist-item
 */
.article-content-html .article-checklist .dp-checklist-list {
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}

.article-content-html .article-checklist .dp-checklist-item {
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:16px;
  align-items:start;
  margin:0;
  padding:18px 0;
  border:0;
  border-top:1px solid #e5e7ef;
  border-radius:0;
  background:transparent;
  color:#788196;
  box-shadow:none;
}

.article-content-html .article-checklist .dp-checklist-item:first-child {
  padding-top:0;
  border-top:0;
}

.article-content-html .article-checklist .dp-checklist-item:last-child {
  padding-bottom:0;
}

.article-content-html .article-checklist .dp-checklist-item > span:first-child {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin:0;
  padding:0;
  border:0;
  border-radius:13px;
  background:#efedff;
  color:#5b4cf3;
  font-size:12px;
  font-weight:800;
  line-height:1;
  letter-spacing:0;
  box-shadow:none;
}

.article-content-html .article-checklist .dp-checklist-item > div {
  min-width:0;
}

.article-content-html .article-checklist .dp-checklist-item strong {
  display:block;
  margin:0;
  color:#171b2c;
  font-size:16px;
  font-weight:700;
  line-height:1.35;
}

.article-content-html .article-checklist .dp-checklist-item p {
  margin:5px 0 0;
  color:#788196;
  font-size:14px;
  font-weight:400;
  line-height:1.55;
}

@media (max-width:767px) {
  .article-content-html .article-checklist .dp-checklist-item {
    grid-template-columns:44px minmax(0,1fr);
    gap:12px;
    padding:16px 0;
  }

  .article-content-html .article-checklist .dp-checklist-item > span:first-child {
    width:40px;
    height:40px;
    border-radius:12px;
  }
}
/* DP CHECKLIST DIV FIX END */
