/* Блог ДетХелп: расширение существующего оформления, без изменения общих стилей. */
.blog-crumb{padding-top:24px;font-size:14px;color:var(--tx2)}
.blog-crumb a{text-underline-offset:4px}
.blog-head{max-width:78ch}
.blog-head h1{max-width:26ch}
.blog-meta{color:var(--tx2);font-size:14px;margin-top:20px}
.blog-article{max-width:72ch;padding-bottom:32px}
.blog-article h2{font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.22;margin:36px 0 14px;color:var(--tx)}
.blog-article p{margin:0 0 17px}
.blog-article a{overflow-wrap:anywhere;text-underline-offset:4px}
.blog-article .blog-cta{margin:36px 0;padding:24px;background:var(--acc-soft);border-radius:var(--r)}
.blog-cta h2{margin-top:0}
.blog-cta p:last-child{margin-bottom:0}
.blog-sources{font-size:15px;border-top:1px solid var(--line);padding-top:24px;margin-top:36px}
.blog-sources h2{margin-top:0}
.blog-links{padding-bottom:44px}
.blog-list{list-style:none;padding:0;margin:12px 0 48px;max-width:82ch}
.blog-list li{border-top:1px solid var(--line);padding:28px 0}
.blog-list h2{font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.18;margin:8px 0 12px}
.blog-list h2 a{color:var(--tx);text-decoration:none}
.blog-list h2 a:hover{text-decoration:underline;text-underline-offset:5px}
.blog-list p{color:var(--tx2);margin:0 0 12px;max-width:68ch}
.blog-list small{font-size:14px;color:var(--tx2)}
.blog-list a:focus-visible,.blog-article a:focus-visible{outline:2px solid var(--acc);outline-offset:4px}
.blog-download{font-size:14px}
@media(max-width:600px){.blog-crumb{padding-top:18px}.blog-article .blog-cta{padding:20px}.blog-list li{padding:24px 0}}
@media print{.top,.foot,.blog-crumb,.blog-links,.progress,.up{display:none!important}.wrap{padding:0}.blog-article{max-width:none}.blog-head{padding-top:0}}