.article-template__hero,.main-blog__hero{background:var(--vx-paper);padding-bottom:3.2rem}
.article-template__hero-in{display:grid;gap:2.4rem;align-items:start;padding-top:1.6rem}
.article-template__head{min-width:0;display:grid;gap:1.2rem}
.article-template__head .vx-crumbs{padding-top:0}
.article-template__title{font-size:clamp(3.2rem,3.8vw,5rem)}
.article-template__lede{margin:0;font-size:1.9rem;color:var(--vx-ink2);max-width:64rem}
.article-template__meta{margin:0;font-family:var(--vx-mono);font-size:1.25rem;letter-spacing:.03em;color:var(--vx-ink2)}
.article-template__hero-image{margin:0;overflow:hidden;display:flex;justify-self:start;line-height:0}
.article-template__hero-image img{display:block;width:100%;height:auto}
@media screen and (min-width:37.5em){.article-template__hero-in{grid-template-columns:minmax(0,1fr) minmax(0,44%)}.article-template__hero-image{justify-self:end}}
.main-blog__hero .page-width{display:grid;gap:1.2rem}
.main-blog__hero p{margin:0;font-size:1.9rem;color:var(--vx-ink2)}
.vx-art{display:grid;gap:2.4rem;align-items:start}
@media screen and (min-width:61.875em){.vx-art{grid-template-columns:26rem minmax(0,1fr);gap:4.8rem}.vx-toc{position:sticky;top:2rem}}
@media screen and (min-width:61.875em) and (max-width:73.748em){.vx-toc{top:13rem}}
.vx-toc{border:.1rem solid var(--vx-line);padding:1.2rem 1.4rem;background:var(--vx-paper);min-width:0}
.vx-toc summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:4.4rem;font-family:var(--vx-mono);font-size:1.3rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;list-style:none}
.vx-toc summary::-webkit-details-marker{display:none}
.vx-toc ol{margin:.4rem 0 0;padding:0;list-style:none;counter-reset:toc;display:grid}
.vx-toc li{counter-increment:toc;border-top:.1rem solid var(--vx-line)}
.vx-toc a{display:grid;grid-template-columns:2.8rem minmax(0,1fr);gap:.4rem;padding:.9rem 0;font-size:1.45rem;text-decoration:none;line-height:1.3}
.vx-toc a::before{content:counter(toc,decimal-leading-zero);font-family:var(--vx-mono);font-size:1.2rem;color:var(--vx-clay)}
.vx-toc a:hover{text-decoration:underline;text-underline-offset:.3rem}
.article-template__content{min-width:0;font-size:1.8rem;line-height:1.65}
.article-template__content>h2{margin:4.8rem 0 1.6rem;padding-top:2.4rem;border-top:.1rem solid var(--vx-ink);scroll-margin-top:14rem;font-size:clamp(2.6rem,2.6vw,3.6rem)}
.article-template__content>h2:first-child{margin-top:0}
.article-template__content>h3{margin:3.2rem 0 1rem;font-size:2.1rem}
.article-template__content>p{margin:0 0 1.6rem}
.article-template__content>ul,.article-template__content>ol:not(.vx-steps){margin:0 0 1.8rem;padding-left:2.2rem;display:grid;gap:.6rem}
.article-template__content>.vx-table-wrap,.article-template__content>.vx-steps,.article-template__content>.vx-note{margin:2.4rem 0}
.article-template__content .vx-table{font-size:1.5rem;min-width:0}
.article-template__content .vx-table th,.article-template__content .vx-table td{overflow-wrap:anywhere}
.vx-fig{margin:2.8rem 0;display:grid;gap:.8rem}
.vx-fig__img{background:var(--vx-cell);overflow:hidden;line-height:0}
.vx-fig__img img{display:block;width:100%;height:auto}
.vx-fig figcaption,.vx-shelf figcaption,.vx-artbuy figcaption{font-size:1.35rem;line-height:1.45;color:var(--vx-ink2)}
.vx-fig figcaption b{display:block;color:var(--vx-ink);font-size:1.5rem}
.vx-fig__pair{display:flex;gap:.8rem;align-items:flex-start}
.vx-fig__pair .vx-fig__img{flex:1 1 0;min-width:0}
@media screen and (min-width:46.875em){.vx-fig--side{float:right;width:var(--fw);margin:.6rem 0 1.6rem 2.8rem}}
.article-template__content>h2,.article-template__content>.vx-table-wrap,.article-template__content>.vx-shelf,.article-template__content>.vx-steps,.article-template__content>.vx-statfig,.article-template__content>.vx-quote{clear:both}
.vx-quote{margin:2.8rem 0;padding:1.8rem 2rem;border-left:.4rem solid var(--vx-ink);background:var(--vx-cell)}
.vx-quote blockquote{margin:0;font-family:var(--font-heading-family);font-size:2.1rem;line-height:1.35}
.vx-quote blockquote p{margin:0}
.vx-quote figcaption{margin-top:1rem;font-size:1.3rem;color:var(--vx-ink2)}
.vx-quote figcaption a{text-decoration:underline;text-underline-offset:.3rem}
.vx-quote--buyer{border-left-color:var(--vx-clay);background:var(--vx-paper);border-top:.1rem solid var(--vx-line);border-right:.1rem solid var(--vx-line);border-bottom:.1rem solid var(--vx-line)}
.vx-quote--buyer blockquote{font-family:var(--font-body-family);font-size:1.7rem;line-height:1.55}
.vx-shelf{margin:2.8rem 0;display:grid;gap:.8rem}
.vx-shelf.vx-wallbox{padding:1.6rem}
.vx-artbuy{margin:2.8rem 0;display:grid;gap:.8rem;justify-items:start;padding:1.6rem;border:.1rem solid var(--vx-ink)}
.vx-artfoot{display:grid;gap:3.2rem}

/* п.6–7: в таблицах статьи слово не делится посреди слова */
.article-template__content .vx-table th,.article-template__content .vx-table td{overflow-wrap:normal;padding-left:1rem;padding-right:1rem}
/* широкая таблица (шесть столбцов и больше) в колонке статьи складывается до 1180 px: колонка статьи уже окна */
@media screen and (min-width:56.25em) and (max-width:73.748em){
 .article-template__content .vx-table--wide{min-width:0}
 .article-template__content .vx-table--wide thead{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0)}
 .article-template__content .vx-table--wide tr{display:block;padding:1.2rem 1.6rem;border-bottom:.1rem solid var(--vx-line)}
 .article-template__content .vx-table--wide td,.article-template__content .vx-table--wide tbody th{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1.6rem;padding:.4rem 0;border:0;text-align:right}
 .article-template__content .vx-table--wide td::before,.article-template__content .vx-table--wide tbody th::before{content:attr(data-label);font-weight:700;text-align:left;flex:none;max-width:45%;margin-right:auto}
 .article-template__content .vx-table--wide tbody th:first-child{font-size:1.8rem;justify-content:flex-start;text-align:left}
 .article-template__content .vx-table--wide tbody th:first-child::before{content:none}
}
/* кнопка площадки в тексте статьи — без подчёркивания, как все кнопки */
.article-template__content a.button,.article-template__content a.button:hover{text-decoration:none}