/* Статьи: общие шрифты и компоненты сайта, широкая обложка и правая колонка. */
.pg--article .art__head{padding-bottom:24px;background:#fff}
.pg--article .art__head :is(.crumbs,.art__cat,.art__h,.art__lead,.art__meta,.exnote){max-width:none}
.pg--article .art__h{max-width:20em}
.pg--article .art__head .art__lead{max-width:48em}
.pg--article .art__meta{margin-bottom:0}
.article-media{margin:0;min-width:0}
.article-media__picture.pcard__pic{width:100%;aspect-ratio:auto;height:clamp(220px,34vh,360px);margin:0;border-radius:var(--r-l)}
.article-media--cover{margin-top:28px}
.article-media--cover .article-media__picture{height:clamp(180px,24vw,320px)}
.article-media .pcard__ic .ic{width:clamp(64px,8vw,112px);height:clamp(64px,8vw,112px);stroke-width:1.1}
.article-media figcaption{margin-top:10px;font-size:13px;line-height:1.4;color:var(--muted)}
.article-media__demo .frame{width:100%;box-shadow:0 0 0 1px var(--line),var(--sh-2)}
.pg--article .art__body>.article-media{margin-block:32px}
.pg--article .art__in{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"body sidebar";gap:clamp(28px,4vw,64px);padding-top:16px;padding-bottom:clamp(32px,3.2vw,40px)}
.pg--article .art__body{grid-area:body;min-width:0;max-width:44em}
.article-sidebar{grid-area:sidebar;align-self:stretch;display:flex;flex-direction:column;gap:16px;min-width:0}
.article-sidebar__promos{position:sticky;top:96px;display:grid;grid-auto-rows:max-content;align-content:start;gap:16px}
.pg--article .art__toc{position:static;top:auto;padding:18px 20px;gap:8px;border:1px solid var(--line-2);border-radius:var(--r-m);background:#fff}
.pg--article .art__toch{margin:0 0 4px;font-weight:400}
.article-promo.pfc{height:auto;padding:22px;gap:16px;border-radius:var(--r-m);overflow:hidden}
.article-promo .pfc__d{padding-right:0}
.article-promo .btn{width:100%;min-width:0;max-width:100%;padding-inline:14px}
.article-promo--trial{background:var(--blue);box-shadow:none}
.article-promo--trial .pfc__t{color:#fff}
.article-promo--trial .pfc__d{color:rgba(255,255,255,.88)}
.article-promo__badge{align-self:flex-start;padding:6px 10px;border-radius:var(--r-pill);background:var(--yellow);font-size:12px;font-weight:500;line-height:1.3;color:var(--ink)}
.article-promo__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-s);background:var(--blue-50);color:var(--blue)}
.pg--article .art + .sec{padding-top:clamp(24px,2.5vw,32px)}
.pg--article .sec--faq + .cta{padding-top:20px}
@media(max-width:1040px){
  .pg--article .art__in{grid-template-columns:minmax(0,1fr);grid-template-areas:"toc" "body" "trial" "consult";gap:24px}
  .article-sidebar{display:contents}
  .article-sidebar__promos{position:static;display:contents}
  .pg--article .art__toc{grid-area:toc}
  .pg--article .art__body{max-width:none}
  .article-promo--trial{grid-area:trial}
  .article-promo--consult{grid-area:consult}
}
@media(min-width:1041px) and (max-height:820px){
  .article-sidebar__promos{max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px}
}
@media(max-width:720px){
  .pg--article .art__head{padding-top:92px}
  .pg--article .art__meta{align-items:flex-start}
  .pg--article .art__meta>span:last-child{min-width:0}
  .article-media--cover .article-media__picture{height:clamp(160px,40vw,240px)}
  .article-media--cover{margin-top:24px}
  .pg--article .art__in{padding-top:8px;padding-bottom:32px}
  .pg--article .art__body>.article-media{margin-block:24px}
  .pg--article .art__toc,.article-promo.pfc{padding:20px}
  .pg--article main .btn{width:100%;min-width:0;max-width:100%}
  .pg--article .cta__act{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
  .pg--article .trust{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%}
  .pg--article .trust li:nth-child(3){display:inline-flex}
  .pg--article .posts3{grid-template-columns:minmax(0,1fr)}
  .pg--article .art + .sec{padding-top:24px}
}