/* ANDPRO-BLOG-ARTICLE-PROD-A */
html.andpro-article-modern-page {
  scroll-padding-top: 132px;
}

html.andpro-article-modern-page .breadcrumb {
  width: min(1180px, calc(100% - 32px));
  margin: 18px auto 22px !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}

html.andpro-article-modern-page .breadcrumb-item + .breadcrumb-item::before {
  padding: 0 8px;
  color: #aab4c2;
  content: "/";
}

html.andpro-article-modern-page .breadcrumb-item a,
html.andpro-article-modern-page .breadcrumb-item span {
  min-height: 24px;
  border: 0;
  background: transparent;
  padding: 0;
  color: #6f7d8b;
}

html.andpro-article-modern-page h1 {
  max-width: 1180px;
  margin: 0 auto 24px !important;
  color: #202b37;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.08;
  font-weight: 850;
}

.blog-content.--article.andpro-article-modern {
  max-width: 1180px;
  margin: 0 auto 56px;
  color: #202b37;
}

.andpro-article-modern .article-page {
  max-width: 980px;
  margin: 0;
}

.andpro-article-modern .article-page__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 18px;
  padding: 14px 16px;
  border: 1px solid #dfe5ef;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(26, 41, 64, .06);
}

.andpro-article-modern .article-page__author-box {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
}

.andpro-article-modern .blog-page__date {
  color: #6f7d8b;
  font-size: 13px;
  font-weight: 700;
}

.andpro-article-modern .st_sh_block {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.andpro-article-modern .itempage-items__share {
  display: flex;
  gap: 8px;
}

.andpro-article-modern .item__share {
  width: 30px;
  height: 30px;
}

.andpro-article-modern .article-page__cover {
  display: block;
  width: 100%;
  max-width: 980px;
  height: auto;
  margin: 0 0 24px;
  border: 1px solid #dfe5ef;
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(26, 41, 64, .08);
}

.andpro-article-modern .article-page__content {
  display: block;
  width: 100%;
  max-width: 980px;
  padding: 0 !important;
  color: #334155;
  font-size: 17px;
  line-height: 1.72;
}

.andpro-article-modern .article-page__content > .preview {
  display: block;
  margin: 0 0 28px !important;
  padding: 20px 24px;
  border: 1px solid #dfe5ef;
  border-radius: 8px;
  background: #f7f9fc;
  color: #202b37;
  font-size: 18px;
  line-height: 1.62;
  font-weight: 700;
  text-align: left !important;
}

.andpro-article-modern .article-page__content h2 {
  margin: 38px 0 14px;
  color: #202b37;
  font-size: clamp(24px, 2.4vw, 32px);
  line-height: 1.22;
  font-weight: 850;
}

.andpro-article-modern .article-page__content h3 {
  margin: 26px 0 10px;
  color: #202b37;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 800;
}

.andpro-article-modern .article-page__content p,
.andpro-article-modern .article-page__content li {
  color: #405061;
  font-size: 17px;
  line-height: 1.72;
}

.andpro-article-modern .article-page__content a {
  color: #575fcf;
  font-weight: 750;
  text-decoration: none;
}

.andpro-article-modern .ap-article,
.andpro-article-modern .ap-article-section,
.andpro-article-modern .ap-article-faq,
.andpro-article-modern .ap-article-responsibility {
  max-width: none;
}

.andpro-article-modern .ap-article-toc,
.andpro-article-modern .ap-article-preview,
.andpro-article-modern .ap-article-section,
.andpro-article-modern .ap-article-faq,
.andpro-article-modern .ap-article-responsibility {
  border-radius: 8px;
}

.andpro-article-modern .article-items__header {
  margin: 42px 0 16px;
  color: #202b37;
  font-size: 26px;
  line-height: 1.25;
  font-weight: 850;
}

@media (max-width: 1020px) {
  .blog-content.--article.andpro-article-modern,
  html.andpro-article-modern-page h1 {
    width: min(100% - 32px, 980px);
  }
}

@media (max-width: 640px) {
  html.andpro-article-modern-page {
    scroll-padding-top: 104px;
  }

  html.andpro-article-modern-page h1 {
    font-size: 32px;
  }

  .andpro-article-modern .article-page__row {
    align-items: flex-start;
    flex-direction: column;
  }

  .andpro-article-modern .st_sh_block {
    margin-left: 0;
  }

  .andpro-article-modern .article-page__content,
  .andpro-article-modern .article-page__content p,
  .andpro-article-modern .article-page__content li {
    font-size: 16px;
    line-height: 1.68;
  }
}
/* ANDPRO-BLOG-ARTICLE-PROD-FIX1 */
.andpro-article-modern .article-page__lead {
  max-width: 980px;
  margin: 0 0 22px;
  padding: 22px 24px;
  border: 1px solid #dfe5ef;
  border-radius: 8px;
  background: #f7f9fc;
  color: #202b37;
  font-size: 18px;
  line-height: 1.62;
  font-weight: 700;
}
.andpro-article-modern .article-page__cover {
  width: min(100%, 760px);
  max-width: 760px;
  margin: 0 0 28px;
}
@media (max-width: 640px) {
  .andpro-article-modern .article-page__lead { padding: 18px; font-size: 17px; }
  .andpro-article-modern .article-page__cover { width: 100%; max-width: 100%; }
}
/* ANDPRO-BLOG-ARTICLE-PROD-FIX2 */
.andpro-article-modern .article-page { display:grid; grid-template-columns:minmax(0,820px) 280px; gap:0 28px; max-width:1180px; }
.andpro-article-modern .article-page__row,.andpro-article-modern .article-page__lead,.andpro-article-modern .article-page__cover,.andpro-article-modern .article-page__content,.andpro-article-modern .article-dop_pictures,.andpro-article-modern .article-items__header,.andpro-article-modern .article-items { grid-column:1; }
.andpro-article-modern .article-page__row { align-items:center; margin-bottom:16px; padding:12px 14px; background:#f8fafc; box-shadow:none; }
.andpro-article-modern .blog-page__date { display:inline-flex; min-height:28px; align-items:center; padding:0 10px; border:1px solid #e2e8f0; border-radius:999px; background:#fff; }
.andpro-article-modern .itempage-head__share { margin-left:auto; }
.andpro-article-modern .article-page__side { position:sticky; top:138px; grid-column:2; grid-row:1 / span 5; display:flex; flex-direction:column; gap:14px; align-self:start; }
.andpro-article-modern .article-side__card { padding:18px; border:1px solid #dfe5ef; border-radius:8px; background:#fff; box-shadow:0 14px 32px rgba(26,41,64,.06); }
.andpro-article-modern .article-side__eyebrow { margin-bottom:10px; color:#7b8794; font-size:12px; line-height:1.35; font-weight:800; text-transform:uppercase; }
.andpro-article-modern .article-side__title { margin-bottom:10px; color:#202b37; font-size:18px; line-height:1.25; font-weight:850; }
.andpro-article-modern .article-side__text { margin:0 0 14px; color:#5d6b7a; font-size:14px; line-height:1.55; }
.andpro-article-modern .article-side__link { display:flex; min-height:38px; align-items:center; border-top:1px solid #edf1f6; color:#575fcf; font-size:14px; font-weight:800; }
.andpro-article-modern .article-side__button { display:inline-flex; min-height:42px; align-items:center; justify-content:center; border-radius:8px; background:#575fcf; padding:0 16px; color:#fff!important; font-size:14px; font-weight:850; }
@media (max-width:1100px){ .andpro-article-modern .article-page { display:block; max-width:980px; } .andpro-article-modern .article-page__side { display:none; } }
/* /ANDPRO-BLOG-ARTICLE-PROD-A */