/* Блог ORCH: поверх b.css/c.css + d.css (+ e.css в светлой теме). Список, статья, общие карточки */
.is-blog main{padding-top:clamp(112px,14vh,150px)}
html.js:not(.is-static) [data-hero-split]{visibility:hidden}
html.js:not(.is-static) [data-hero-fade]{opacity:0}
.read{position:fixed;left:0;right:0;top:0;height:2px;z-index:60;background:var(--acc);transform-origin:0 50%;transform:scaleX(0)}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font:500 12px/1.4 var(--fm);color:var(--ink-3);margin-bottom:28px}
.crumbs a{color:var(--ink-2);text-decoration:none}
.crumbs a:hover{color:var(--ink)}
.crumbs [aria-current]{color:var(--ink-3)}

/* главная блога */
.bh__h1{font:500 clamp(56px,9vw,160px)/.9 var(--ft);letter-spacing:-.06em}
.bh__lead{margin-top:24px;max-width:56ch}
.bfeat{margin-top:clamp(48px,5vw,80px)}
.bgroup{padding-top:clamp(64px,7vw,112px)}
.bgroup__h{font:400 clamp(28px,2.6vw,40px)/1.1 var(--ft);letter-spacing:-.03em;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--line-2)}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bgrid--2{grid-template-columns:1fr 1fr}
.bcard{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(22px,2.2vw,32px);border-radius:20px;background:var(--panel);border:1px solid var(--line);transform-style:preserve-3d;transform-perspective:900px;transition:border-color .4s,box-shadow .4s}
.bcard:hover{border-color:rgba(255,122,61,.45);box-shadow:0 40px 80px -50px var(--acc-glow)}
.bcard__rub{font:500 12px/1 var(--fm);text-transform:uppercase;letter-spacing:.06em;color:var(--acc)}
.bcard h3{font:400 clamp(21px,1.7vw,26px)/1.2 var(--ft);letter-spacing:-.02em}
.bcard h3 a{text-decoration:none;color:var(--ink)}
.bcard h3 a::after{content:'';position:absolute;inset:0;border-radius:inherit}
.bcard>p{color:var(--ink-2);font-size:15px;line-height:1.55}
.bcard__meta{margin-top:auto;display:flex;align-items:center;gap:6px;font:400 12px/1 var(--fm) !important;color:var(--ink-3) !important}
.bcard__go{margin-left:auto;font-size:18px;color:var(--acc);transition:transform .4s var(--ease)}
.bcard:hover .bcard__go{transform:translateX(4px)}
.bcard--big{padding:clamp(32px,4vw,64px);background:radial-gradient(80% 120% at 100% 0%,rgba(255,122,61,.14),transparent 60%),var(--panel)}
.bcard--big h3{font:400 clamp(32px,4vw,60px)/1.05 var(--ft);letter-spacing:-.04em;max-width:18ch}
.bcard--big>p{font-size:18px;max-width:60ch}
.bcard--soon{background:transparent;border-style:dashed}
.bcard--soon h3{color:var(--ink-3)}
.bcard--soon .bcard__rub{color:var(--ink-3)}

/* статья */
.art__head{max-width:1100px}
.art__rub{font:500 12px/1 var(--fm);text-transform:uppercase;letter-spacing:.06em;color:var(--acc);margin-bottom:18px}
.art__h1{font:400 clamp(40px,5vw,80px)/1.02 var(--ft);letter-spacing:-.045em;max-width:20ch}
.art__meta{margin-top:24px;font:400 13px/1 var(--fm);color:var(--ink-3)}
.art__grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(32px,5vw,96px);margin-top:clamp(48px,5vw,80px);align-items:start}
.toc{position:sticky;top:110px;font-size:14px}
.toc__k{font:500 12px/1 var(--fm);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:14px}
.toc ol{display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line-2)}
.toc a{display:block;padding:8px 0 8px 16px;margin-left:-1px;border-left:2px solid transparent;color:var(--ink-3);text-decoration:none;line-height:1.35;transition:color .3s,border-color .3s}
.toc a:hover{color:var(--ink)}
.toc a.is-on{color:var(--ink);border-color:var(--acc)}
.art__body{max-width:68ch;font-size:18px;line-height:1.7;color:var(--ink-2)}
.art__body>*+*{margin-top:1.1em}
.art__body h2{font:400 clamp(28px,2.6vw,40px)/1.15 var(--ft);letter-spacing:-.03em;color:var(--ink);margin-top:2.2em;scroll-margin-top:100px}
.art__body h3{font:500 20px/1.3 var(--ft);color:var(--ink);margin-top:1.8em}
.art__body b{color:var(--ink);font-weight:500}
.art__body a{color:var(--ink);text-decoration-color:var(--acc);text-underline-offset:3px}
.art__body ul,.art__body ol{padding-left:1.2em}
.art__body ul{list-style:none;padding-left:0}
.art__body ul li{position:relative;padding-left:22px}
.art__body ul li::before{content:'';position:absolute;left:0;top:.75em;width:10px;height:1px;background:var(--acc)}
.art__body ol{list-style:decimal}
.art__body li+li{margin-top:.45em}
.art__body code{font:400 .88em var(--fm);background:var(--panel-2);padding:2px 6px;border-radius:5px;color:var(--ink);overflow-wrap:anywhere}
.art__pre{margin:0 0 1.4em;padding:16px 18px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;overflow-x:auto;font:400 14px/1.6 var(--fm);color:var(--ink)}
.art__pre code{background:none;padding:0;font:inherit;overflow-wrap:normal;white-space:pre}
.art__tldr{padding:24px 28px;border-radius:18px;background:var(--panel);border:1px solid rgba(255,122,61,.35);box-shadow:0 30px 60px -40px var(--acc-glow);font-size:16px}
.art__tldr>*+*{margin-top:.6em}
.art__table{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.art__table table{width:100%;border-collapse:collapse;min-width:640px;font-size:15px;line-height:1.45}
.art__table th,.art__table td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.art__table thead th{font:500 12px/1.3 var(--fm);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);background:var(--panel)}
.art__table tbody th{color:var(--ink);font-weight:500}
.art__table tr:last-child>*{border-bottom:0}
mark.todo{background:rgba(242,193,78,.18);color:var(--warn);padding:1px 6px;border-radius:5px;font:500 .8em var(--fm)}
.related{padding-top:var(--sec)}

/* CTA блога */
.bcta{padding:var(--sec) var(--gutter) 0}
.bcta__in{max-width:1080px;margin:0 auto;padding:clamp(32px,5vw,72px);border-radius:28px;border:1px solid rgba(255,122,61,.4);background:radial-gradient(70% 90% at 50% 0%,rgba(255,122,61,.18),transparent 70%),var(--panel);text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.bcta__in .intro__label{margin:0}
.bcta__in h2{font:400 clamp(30px,3.6vw,54px)/1.05 var(--ft);letter-spacing:-.04em;max-width:20ch}
.bcta__in>p{color:var(--ink-2);max-width:52ch}
.bcta .hero__btns{justify-content:center;margin-top:8px}
.is-blog .foot{margin-top:var(--sec)}

/* блок «Из блога» на лендинге */
.blog{padding-top:var(--sec)}
.blog__head{display:grid;grid-template-columns:7fr 5fr;column-gap:40px;align-items:end;margin-bottom:clamp(32px,3vw,48px)}
.blog__head .intro__label{grid-column:1/-1}
.blog__all{margin-top:24px}

@media (max-width:1024px){
  .art__grid{grid-template-columns:minmax(0,1fr)}
  .toc{position:static}
  .bgrid{grid-template-columns:1fr 1fr}
  .blog__head{grid-template-columns:1fr}
}
@media (max-width:768px){
  .bgrid,.bgrid--2{grid-template-columns:1fr}
  .art__body{font-size:17px}
}