:root{--blog-shadow:0 16px 42px rgba(3,26,59,.08)}
.blog-page,.blog-article{max-width:1240px;margin:auto;padding:52px 24px 80px}.blog-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:45px;padding:46px 48px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#fff,#eef6ff);box-shadow:var(--blog-shadow)}.blog-hero .eyebrow,.blog-page__heading .eyebrow,.blog-final .eyebrow{margin:0 0 7px;font-size:12px}.blog-hero h1{max-width:760px;margin:0;font-size:clamp(42px,5vw,64px);line-height:1.04}.blog-hero>div>p:last-child{max-width:760px;margin:20px 0 0;color:#405875;font-size:19px}.blog-hero aside{display:flex;min-height:150px;flex-direction:column;justify-content:center;padding:25px;border-radius:18px;background:#061f46;color:#fff}.blog-hero aside strong{font-size:40px;line-height:1}.blog-hero aside span{margin-top:10px;color:#c9dcef;font-size:14px}
.blog-filter{display:flex;gap:9px;overflow-x:auto;padding:28px 2px 8px;scrollbar-width:thin}.blog-filter a{flex:0 0 auto;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#405875;font-size:14px;font-weight:700}.blog-filter a.active{border-color:var(--blue);background:var(--blue);color:#fff}.blog-page__heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:52px 0 24px}.blog-page__heading h2{margin:0;font-size:38px;line-height:1.1}.blog-page__heading>p{max-width:480px;margin:0;color:#526781}
.blog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-list-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 9px 28px rgba(3,26,59,.07);transition:transform .18s,box-shadow .18s}.blog-list-card:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(3,26,59,.12)}.blog-list-card__image,.blog-list-card__placeholder{display:grid;height:220px;overflow:hidden;place-items:center;background:linear-gradient(145deg,#061f46,#075ce8);color:#fff;font-size:25px;font-weight:900}.blog-list-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.blog-list-card:hover img{transform:scale(1.025)}.blog-list-card__copy{display:flex;flex:1;flex-direction:column;padding:22px}.blog-list-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#697d94;font-size:12px}.blog-list-card__meta span{color:var(--blue);font-weight:800}.blog-list-card h2{margin:15px 0 11px;font-size:24px;line-height:1.18}.blog-list-card p{display:-webkit-box;overflow:hidden;margin:0;color:#526781;font-size:15px;-webkit-box-orient:vertical;-webkit-line-clamp:4}.blog-more{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;color:var(--blue);font-weight:900}.blog-more span{font-size:22px}.blog-final{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;margin-top:52px;padding:34px 38px;border:1px solid var(--line);border-radius:21px;background:var(--pale)}.blog-final h2{margin:0;font-size:31px}.blog-final>div>p:last-child{margin:8px 0 0;color:#526781}.blog-final>a,.blog-article-cta>a{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:58px;padding:15px 22px;border-radius:10px;background:var(--blue);color:#fff;font-weight:900}.blog-final>a span,.blog-article-cta>a span{font-size:22px}
.blog-article>.back-link{display:inline-block;margin-bottom:22px}.blog-article-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);min-height:470px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#fff,#eef6ff);box-shadow:var(--blog-shadow)}.blog-article-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:45px}.blog-article-meta{display:flex;align-items:center;gap:14px;color:#6a7e95;font-size:13px}.blog-article-meta span{color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.blog-article-hero h1{margin:14px 0 18px;font-size:clamp(38px,4.2vw,57px);line-height:1.04}.blog-article-hero__copy>p{margin:0;color:#405875;font-size:19px;line-height:1.5}.blog-author{display:flex;align-items:center;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid #cddff2}.blog-author>span{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:13px;font-weight:900}.blog-author b,.blog-author small{display:block}.blog-author small{color:#61758d}.blog-article-hero__media{background:#dcecff}.blog-article-hero__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.blog-article-layout{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:40px;padding-top:50px}.blog-article-sidebar{position:sticky;top:20px}.blog-toc{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.blog-toc summary{cursor:pointer;font-size:18px;font-weight:900}.blog-toc ol{margin:15px 0 0;padding:0;list-style:none}.blog-toc li{margin:0;border-top:1px solid #edf2f8}.blog-toc li:first-child{border-top:0}.blog-toc li.h3{padding-left:12px}.blog-toc a{display:block;padding:9px 0;color:#405875;font-size:13px;line-height:1.35}.blog-toc a:hover{color:var(--blue)}.blog-expert{margin-top:14px;padding:19px;border-radius:15px;background:#061f46;color:#fff}.blog-expert b{font-size:15px}.blog-expert p{margin:8px 0;color:#c9dcef;font-size:13px}.blog-expert a{color:#8fc3ff;font-size:13px;font-weight:800}
.blog-article-content{min-width:0}.blog-article-content .article-body{margin:0;font-size:18px;line-height:1.7}.blog-article-content .article-body>p:first-child{margin-top:0;font-size:21px;font-weight:700;line-height:1.55}.blog-article-content .article-body h2{margin:48px 0 16px;font-size:34px;line-height:1.15}.blog-article-content .article-body h3{margin:30px 0 10px;font-size:24px}.blog-article-content .article-body p,.blog-article-content .article-body li{color:#243d5b}.blog-article-content .article-body li+li{margin-top:8px}.blog-article-content .article-body a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.blog-article-content .article-table{display:table;width:100%;table-layout:fixed;border-radius:12px;background:#fff}.blog-article-content .article-table th{background:#061f46;color:#fff}.blog-article-content .article-table tr:nth-child(even) td{background:#f5f9ff}.blog-article-content .info-box{padding:20px 22px;border:1px solid #c9ddf4;border-left:5px solid var(--blue);border-radius:12px}
.blog-article-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;margin:45px 0 0;padding:31px 34px;border-radius:19px;background:linear-gradient(135deg,#061f46,#073b82);color:#fff}.blog-article-cta .eyebrow{margin:0 0 6px;color:#8fc3ff;font-size:11px}.blog-article-cta h2{margin:0;font-size:29px;line-height:1.15}.blog-article-cta p:last-child{margin:9px 0 0;color:#d0dff0}.blog-article-cta>a{background:#fff;color:var(--blue);white-space:nowrap}.blog-related{margin-top:62px;padding-top:37px;border-top:1px solid var(--line)}.blog-related>div:first-child .eyebrow{margin:0 0 4px;font-size:11px}.blog-related h2{margin:0 0 21px;font-size:34px}.blog-related__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.blog-related__grid>a{display:grid;grid-template-columns:145px 1fr;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}.blog-related__grid img{width:100%;height:100%;min-height:135px;object-fit:cover}.blog-related__grid span{display:flex;min-width:0;flex-direction:column;padding:17px}.blog-related__grid b{font-size:17px;line-height:1.35}.blog-related__grid strong{margin-top:auto;padding-top:12px;color:var(--blue);font-size:13px}
@media(max-width:950px){.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article-hero{grid-template-columns:1fr 320px}.blog-article-layout{grid-template-columns:220px minmax(0,1fr);gap:28px}.blog-article-cta,.blog-final{grid-template-columns:1fr}.blog-article-cta>a{white-space:normal}.blog-final>a{width:100%}}
@media(max-width:700px){.blog-page,.blog-article{padding:28px 12px 55px}.blog-hero{grid-template-columns:1fr;gap:23px;padding:28px 20px;border-radius:19px}.blog-hero h1{font-size:36px}.blog-hero>div>p:last-child{font-size:17px}.blog-hero aside{min-height:0;padding:19px}.blog-hero aside strong{font-size:32px}.blog-filter{margin-right:-12px;padding-right:12px}.blog-page__heading{display:block;padding:40px 4px 20px}.blog-page__heading h2{font-size:30px}.blog-page__heading>p{margin-top:10px;font-size:15px}.blog-list{grid-template-columns:1fr;gap:14px}.blog-list-card__image,.blog-list-card__placeholder{height:205px}.blog-list-card__copy{padding:19px}.blog-list-card h2{font-size:23px}.blog-final{gap:22px;margin-top:38px;padding:27px 19px}.blog-final h2{font-size:28px}.blog-article>.back-link{margin-left:5px}.blog-article-hero{display:flex;min-height:0;flex-direction:column-reverse;border-radius:19px}.blog-article-hero__media{height:245px}.blog-article-hero__copy{padding:25px 19px}.blog-article-hero h1{font-size:34px}.blog-article-hero__copy>p{font-size:17px}.blog-article-layout{display:block;padding-top:28px}.blog-article-sidebar{position:static}.blog-toc{padding:16px}.blog-toc:not([open]){padding:14px 16px}.blog-expert{display:none}.blog-article-content{padding:29px 5px 0}.blog-article-content .article-body{font-size:17px;line-height:1.65}.blog-article-content .article-body>p:first-child{font-size:19px}.blog-article-content .article-body h2{margin-top:39px;font-size:28px}.blog-article-content .article-body h3{font-size:22px}.blog-article-content .article-table{display:block;table-layout:auto}.blog-article-content .article-table th,.blog-article-content .article-table td{min-width:170px}.blog-article-cta{gap:22px;margin:37px -5px 0;padding:25px 18px}.blog-article-cta h2{font-size:27px}.blog-related{margin-top:45px;padding:30px 4px 0}.blog-related h2{font-size:29px}.blog-related__grid{grid-template-columns:1fr}.blog-related__grid>a{grid-template-columns:115px 1fr}.blog-related__grid img{min-height:125px}}

/* Текстовые обложки должны быть видны целиком. */
.blog-list-card__image{background:#061f46}
.blog-list-card__image img{object-fit:contain}
.blog-article-hero__media{display:flex;align-items:center;justify-content:center;background:#061f46}
.blog-article-hero__media img{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center}
@media(max-width:700px){
 .blog-list-card__image{height:auto;min-height:0}
 .blog-list-card__image img{width:100%;height:auto;object-fit:contain}
 .blog-article-hero__media{height:auto;min-height:0}
 .blog-article-hero__media img{width:100%;height:auto;max-height:none;object-fit:contain}
}

.article-view-label{display:inline-flex!important;align-items:center;gap:5px;color:#6a7e95!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}.article-view-label b{color:#405875}.article-engagement{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:42px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:#f5f9ff}.article-engagement>div:first-child b,.article-engagement>div:first-child span{display:block}.article-engagement>div:first-child b{font-size:19px}.article-engagement>div:first-child span{margin-top:4px;color:#61758d;font-size:14px}.article-reactions{display:flex;flex-wrap:wrap;gap:9px}.article-reactions button{display:inline-flex;min-width:64px;align-items:center;justify-content:center;gap:8px;padding:9px 13px;border:1px solid #c9d9ec;border-radius:999px;background:#fff;color:#243d5b;cursor:pointer;font:inherit;transition:.18s ease}.article-reactions button:hover{border-color:var(--blue);transform:translateY(-1px)}.article-reactions button.is-selected{border-color:var(--blue);background:#e8f2ff;box-shadow:0 0 0 2px rgba(7,92,232,.08)}.article-reactions button:disabled{cursor:wait;opacity:.65}.article-reactions button>span{font-size:21px}.article-reactions button>b{font-size:14px}.article-engagement__views{color:#61758d}
@media(max-width:700px){.article-engagement{align-items:flex-start;flex-direction:column;margin-top:34px;padding:19px}.article-reactions{width:100%}.article-reactions button{flex:1;min-width:58px}}