/* Блог /blog/ (29.10.2026, дизайн V1 «Editorial» с мудборда; владелец: справа меню с рубриками везде, «поделиться» внизу статьи).
   Поверх pages.css (pg-chip, pg-toc, pg-prose, pg-crumbs, btn). Классы bl-*; имена не как у рекламы (adblock_check). */
.bl-page canvas.dots{display:none}   /* 29.10 владелец: точки на фоне блогу не нужны */
/* один контейнер для шапки и колонок: section.wrap в site.css центрируется по 1480, div.wrap - нет; блог - 1320 */
.bl-page .bl-lay,.bl-page .bl-sec{width:100%;max-width:1760px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.bl-top{display:flex;flex-direction:column;gap:14px;padding-bottom:clamp(28px,3.5vw,40px)}
.bl-top > *{max-width:860px}
.bl-top h1{font-size:clamp(34px,4.4vw,54px);line-height:1.04;letter-spacing:-.035em;font-weight:600;color:#f5f5f5;text-wrap:balance}
.bl-top h1 .hl{color:var(--green)}
.bl-top .lede{max-width:640px;font-size:clamp(16px,1.4vw,18px);line-height:1.55;color:var(--text-2)}
.bl-top .pg-kicker{font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.bl-kick{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13.5px;color:var(--text-3)}
.bl-kick time{color:var(--text-2)}
.bl-kick i{font-style:normal;color:#3a3a42}
.bl-kick .pg-chip{background:var(--surface);border:1px solid var(--border-strong);color:var(--text)}
.bl-author{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text-3)}
.bl-author i{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(74,222,128,.14);color:var(--green)}
.bl-author i svg{width:15px;height:15px}
.bl-author b{color:var(--text);font-weight:500}
.bl-kick .bl-cat{padding:4px 10px;border:1px solid var(--border-strong);border-radius:999px;color:var(--text)}
/* две колонки: главная + правая */
.bl-lay{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,4vw,64px);align-items:start;padding-top:clamp(32px,4.5vw,56px);padding-bottom:clamp(48px,6vw,80px)}
.bl-main{min-width:0}
/* 29.10 владелец: «прижми к стенке, … лучше слева» (было справа), от верхней линии до конца экрана, фиксом» - колонка как боковое меню кабинета:
   прибита к правому краю окна под шапкой сайта (76 px), своя прокрутка; страница (и подвал) сдвинута влево на её ширину */
:root{--bl-side:320px}
.bl-side{display:flex;flex-direction:column;gap:18px;min-width:0}
@media (min-width:1101px){
  body.bl-page{padding-left:var(--bl-side)}
  .bl-page .bl-lay{grid-template-columns:minmax(0,1fr)}
  .bl-side{position:fixed;top:76px;left:0;bottom:0;z-index:40;width:var(--bl-side);box-sizing:border-box;padding:20px 16px 28px;
    display:flex;flex-direction:column;gap:6px;overflow-y:auto;overscroll-behavior:contain;
    border-right:1px solid var(--border-hair);background:var(--surface-2);scrollbar-width:thin;scrollbar-color:transparent transparent}
  .bl-side:hover{scrollbar-color:var(--border-strong) transparent}
  .bl-side .bl-box{padding:12px 4px 16px;border:0;border-radius:0;background:none;border-bottom:1px solid var(--border-hair)}
  .bl-side .bl-box:last-child{border-bottom:0}
  .bl-page .bl-lay,.bl-page .bl-sec{padding-left:clamp(24px,2.6vw,48px);padding-right:clamp(24px,2.6vw,48px)}
  /* подвал блога: тот же контейнер, что у страницы, больше воздуха (29.10 владелец: «чуть свободнее») */
  .bl-page .site-foot2 .wrap{max-width:1760px;padding-left:clamp(24px,2.6vw,48px);padding-right:clamp(24px,2.6vw,48px)}
  .bl-page .foot-cols{padding-top:clamp(56px,5vw,88px);padding-bottom:clamp(44px,4vw,64px);row-gap:44px}
  .bl-page .foot-col{gap:16px}   /* колонка уже даёт отступ слева - поля страницы уже */
  .bl-side .bl-rent{margin-top:auto;padding:14px;border-radius:16px}
}
.bl-box{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.bl-box > b{margin:0 0 8px 10px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8b8b94}
.bl-cats a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:0 10px;box-sizing:border-box;border-radius:9px;font-size:14px;color:var(--text-2);transition:background .15s ease,color .15s ease}
.bl-cats a:hover{background:var(--raised);color:var(--text)}
.bl-cats a.on{background:var(--raised);color:var(--text)}
.bl-cats a.on small{color:var(--text-2)}
.bl-cats a small{font-family:var(--mono);font-size:11.5px;color:#8b8b94}
.bl-start a{display:flex;flex-direction:column;gap:3px;padding:9px 10px;border-radius:9px;font-size:14px;line-height:1.35;color:var(--text-2)}
.bl-start a:hover{background:var(--raised);color:var(--text)}
.bl-start a small{font-size:12px;color:var(--text-3)}
.bl-rent{position:relative;display:flex!important;flex-direction:row!important;align-items:center;gap:14px!important;overflow:hidden;color:var(--text);
  background:radial-gradient(120% 140% at 0% 0%,rgba(74,222,128,.22),transparent 60%),var(--surface)!important;border:1px solid rgba(74,222,128,.32)!important;transition:border-color .2s ease,transform .2s ease}
.bl-rent::after{content:"";position:absolute;inset:-40% -20% auto auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(closest-side,rgba(74,222,128,.25),transparent);pointer-events:none}
.bl-rent:hover{border-color:rgba(74,222,128,.6)!important;transform:translateY(-1px)}
.bl-rent-n{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 58px;width:58px;height:58px;border-radius:14px;background:var(--green);color:#052e16;line-height:1}
.bl-rent-n b{font-size:24px;font-weight:700;letter-spacing:-.03em}
.bl-rent-n small{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.bl-rent-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.bl-rent-t b{font-size:15px;font-weight:600;color:var(--text)}
.bl-rent-t small{font-size:13px;color:var(--text-2)}
.bl-rent-go{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);color:var(--text);transition:background .2s ease,transform .2s ease}
.bl-rent-go svg{width:14px;height:14px}
.bl-rent:hover .bl-rent-go{background:var(--green);color:#052e16;transform:translateX(2px)}
.bl-sec .section-head .more{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;height:40px;padding:0 18px;border:1px solid var(--border-strong);border-radius:999px;font-size:14px;font-weight:500;white-space:nowrap;color:var(--text);transition:background .15s ease,border-color .15s ease}
.bl-sec .section-head .more:hover{background:rgba(255,255,255,.06);border-color:var(--text-3)}
.bl-sec .more svg{width:14px;height:14px;flex:0 0 14px;transition:transform .15s ease}
.bl-sec .section-head .more:hover svg{transform:translateX(2px)}
.bl-side .pg-toc{position:static;max-height:none;overflow:visible;gap:1px}   /* в pages.css .pg-toc прилипает - внутри колонки нет */
.bl-side .pg-toc b{margin:0 0 8px 10px}
.bl-side .pg-toc a{padding:7px 10px;border-left:0;border-radius:8px;color:var(--text-3);font-size:13.5px}
.bl-side .pg-toc a:hover{background:var(--raised);color:var(--text-2)}
.bl-side .pg-toc a.on{background:var(--raised);color:var(--text)}
.bl-side .pg-toc a.on::before{display:none}
/* 29.10: без сгенерированных обложек - типографика. Рубрика = цветная точка (одна светлота у всех шести цветов, тон различает) */
.c-testing{--cc:#60a5fa}
.c-basics{--cc:#a78bfa}
.c-developers{--cc:#4ade80}
.c-compare{--cc:#fb923c}
.c-agents{--cc:#f472b6}
.c-guides{--cc:#facc15}
.bl-cat{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;letter-spacing:.02em;color:var(--text-2)}
.bl-cat i{width:7px;height:7px;border-radius:50%;background:var(--cc,var(--green));box-shadow:0 0 0 3px color-mix(in srgb,var(--cc,var(--green)) 18%,transparent)}
.bl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.bl-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:1500px){.bl-main .bl-grid.c3{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* обложка: фото Unsplash + затемнение снизу + рубрика и заголовок поверх (29.10 владелец) */
.bl-cv{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:14px;background:var(--raised);isolation:isolate}
.bl-cv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.bl-cv::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,8,10,.35) 0%,rgba(8,8,10,0) 30%,rgba(8,8,10,.25) 55%,rgba(8,8,10,.88) 100%)}
.bl-cv-in{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:14px 16px 16px}
.bl-cv-in .bl-cat{padding:5px 10px;border-radius:999px;background:rgba(10,10,12,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);color:#f2f2f4}
.bl-cv-in b{font-size:19px;line-height:1.25;font-weight:600;letter-spacing:-.015em;color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.45);text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bl-cv.big{aspect-ratio:16/8;border-radius:18px}
.bl-cv.big .bl-cv-in{padding:22px 26px 26px}
.bl-cv.big .bl-cv-in b{font-size:clamp(26px,2.8vw,40px);line-height:1.1;letter-spacing:-.03em;-webkit-line-clamp:2;max-width:820px}
.bl-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);overflow:hidden;transition:border-color .2s ease,transform .2s ease}
.bl-card .bl-cv{border-radius:0}
.bl-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}
.bl-card:hover .bl-cv img,.bl-lead:hover .bl-cv img,.bl-li:hover .bl-cv img{transform:scale(1.04)}
.bl-card-b{flex:1;display:flex;flex-direction:column;gap:14px;padding:16px 18px 16px}
.bl-card p{flex:1;font-size:14.5px;line-height:1.55;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bl-card .bl-meta{padding-top:12px;border-top:1px solid var(--border-hair)}
.bl-go{margin-left:auto;display:inline-flex;color:var(--text-3);transition:color .2s ease,transform .2s ease}
.bl-go svg{width:15px;height:15px}
.bl-card:hover .bl-go{color:var(--text);transform:translateX(2px)}
.bl-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--text-3)}
.bl-meta b{color:var(--text-2);font-weight:500}
.bl-meta i{font-style:normal;color:#3a3a42}
.bl-meta time{color:var(--text-2)}
.bl-empty{padding:24px 0;color:var(--text-3)}
/* хаб, первый экран (29.10 владелец: «не информативный») - шапка в строку с поиском, главная статья + четыре свежие списком */
.bl-top-hub{padding-bottom:22px}
.bl-top-hub > *{max-width:none}
.bl-top-hub .bl-hubhead > div{max-width:820px}
.bl-hubhead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.bl-hubhead > div{display:flex;flex-direction:column;gap:10px;max-width:760px}
.bl-top-hub h1{font-size:clamp(30px,3.2vw,42px);line-height:1.08}
.bl-top-hub .lede{font-size:15.5px}
.bl-search{display:flex;align-items:center;gap:10px;width:min(320px,100%);height:44px;padding:0 14px;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);color:var(--text-3);transition:border-color .15s ease}
.bl-search:focus-within{border-color:var(--text-3)}
.bl-search svg{width:16px;height:16px;flex:0 0 16px}
.bl-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:var(--text);font:inherit;font-size:15px}
.bl-front{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:clamp(20px,2.4vw,32px);margin-bottom:clamp(36px,4vw,52px)}
.bl-front[hidden]{display:none}
.bl-lead{display:flex;flex-direction:column;gap:16px;min-width:0;color:var(--text)}
.bl-lead-t{display:flex;flex-direction:column;gap:12px}
.bl-lead p{font-size:16px;line-height:1.6;color:var(--text-2);max-width:760px}
.bl-lead-go{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--text);font-weight:500}
.bl-lead-go svg{width:14px;height:14px;transition:transform .2s ease}
.bl-lead:hover .bl-lead-go svg{transform:translateX(3px)}
.bl-latest{display:flex;flex-direction:column;min-width:0;padding:0}
/* слайдер (29.10 владелец): 5 статей, фото во всю карточку, текст поверх, точки с прогрессом, стрелки, автопрокрутка 6.5 с (пауза при наведении) */
.bl-slider{position:relative;display:flex;min-width:0;min-height:440px;border-radius:20px;overflow:hidden;background:var(--raised)}
.bl-slides{flex:1 0 100%;display:flex;transition:transform .7s cubic-bezier(.65,0,.25,1);touch-action:pan-y}
.bl-slide{position:relative;flex:0 0 100%;min-height:100%;-webkit-user-drag:none;user-select:none;color:#fff;isolation:isolate;overflow:hidden}
.bl-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 6s ease}
.bl-slide:hover img{transform:scale(1.06)}
.bl-slide::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,8,10,.9) 0%,rgba(8,8,10,.62) 38%,rgba(8,8,10,.1) 72%),linear-gradient(0deg,rgba(8,8,10,.75) 0%,transparent 45%)}
.bl-slide-in{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(20px,2.4vw,32px) clamp(22px,2.8vw,40px) clamp(64px,6vw,84px)}
.bl-slide-top{display:flex;align-items:center;gap:12px}
.bl-slide-top .bl-cat{padding:6px 12px;border-radius:999px;background:rgba(10,10,12,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);color:#f2f2f4}
.bl-slide-top small{font-size:12.5px;color:rgba(255,255,255,.72)}
.bl-slide-b{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:min(620px,62%)}
.bl-slide-b em{font-style:normal;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.bl-slide-b b{font-size:clamp(28px,3vw,46px);line-height:1.06;letter-spacing:-.035em;font-weight:600;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.bl-slide-p{font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.82);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bl-slide .btn{height:42px;padding:0 18px;border-radius:11px;font-size:14px;font-weight:500;margin-top:4px}
.bl-slide .btn svg{width:14px;height:14px}
.bl-sl-nav{position:absolute;left:clamp(22px,2.8vw,40px);right:clamp(16px,2vw,28px);bottom:clamp(18px,2vw,26px);z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}
.bl-sl-nav > *{pointer-events:auto}
.bl-dots{display:flex;gap:8px}
.bl-dots button{display:block;width:34px;height:20px;padding:8px 0;border:0;background:none;cursor:pointer}
.bl-dots button i{display:block;position:relative;height:4px;border-radius:4px;background:rgba(255,255,255,.28);overflow:hidden}
.bl-dots button.on i::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:left;animation:var(--run,blbar 6.5s linear forwards)}
.bl-slider.paused .bl-dots button.on i::after{animation-play-state:paused}
@keyframes blbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.bl-arrows{display:flex;gap:8px}
.bl-arrows button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(10,10,12,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.bl-arrows button:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.32)}
.bl-arrows button svg{width:16px;height:16px}
.bl-arrows [data-bl-prev] svg{transform:rotate(180deg)}
.bl-slide img{-webkit-user-drag:none;pointer-events:none}
@media (prefers-reduced-motion:reduce){.bl-slides{transition:none}.bl-dots button.on i::after{animation:none;transform:none}.bl-slide img{transition:none}}
.bl-latest-h{padding:0 0 12px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8b8b94;border-bottom:1px solid var(--border-hair)}
.bl-li{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border-hair);color:var(--text)}
.bl-li:last-child{border-bottom:0;padding-bottom:0}
.bl-li .bl-cv{aspect-ratio:16/10;border-radius:10px}
.bl-li .bl-cv-in{display:none}
.bl-li .bl-cv::after{background:none}
.bl-li > span{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.bl-li b{font-size:15.5px;line-height:1.35;font-weight:600;color:#ededf0;transition:color .15s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bl-li small{font-size:12.5px;color:var(--text-3)}
.bl-li:hover b{color:var(--green)}
.bl-allhead{margin-bottom:20px}
.bl-allhead h2{font-size:22px;letter-spacing:-.02em}
.bl-chips{display:none}
.bl-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bl-empty[hidden],.bl-main [data-cat][hidden]{display:none!important}
/* статья */
/* статья как у новостных сайтов (29.10 владелец): колонка чтения 720 по центру, шапка в той же колонке, фото шире текста */
.bl-progress{position:fixed;top:76px;left:0;right:0;z-index:55;height:3px;pointer-events:none}
.bl-progress i{display:block;height:100%;background:var(--green);transform-origin:left;transform:scaleX(0)}
.bl-post .bl-main{display:flex;flex-direction:column;align-items:center}
.bl-ahead{width:100%;max-width:760px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-top:clamp(8px,1.5vw,20px)}
.bl-ahead .pg-crumbs{font-size:13px}
.bl-akick{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cc,var(--green))}
.bl-akick:hover{text-decoration:underline;text-underline-offset:4px}
.bl-ahead h1{font-size:clamp(34px,4.2vw,56px);line-height:1.05;letter-spacing:-.035em;font-weight:700;color:#f7f7f8;text-wrap:balance}
.bl-dek{font-size:clamp(18px,1.6vw,21px);line-height:1.5;color:#b4b4bd;text-wrap:pretty}
.bl-byline{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;width:100%;margin-top:8px;padding:16px 0;border-top:1px solid var(--border-hair);border-bottom:1px solid var(--border-hair)}
.bl-by{display:flex;align-items:center;gap:12px}
.bl-by-av{display:block;flex:0 0 40px;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 1px var(--border-strong)}   /* аватар = значок Clousd (favicon.svg) */
.bl-by > span{display:flex;flex-direction:column;gap:3px}
.bl-by b{font-size:14.5px;font-weight:600;color:var(--text)}
.bl-by small{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--text-3)}
.bl-by small i{font-style:normal;color:#3a3a42}
.bl-shic{display:flex;gap:8px}
.bl-shic a,.bl-shic button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--border-strong);background:none;color:var(--text-2);font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
.bl-shic a:hover,.bl-shic button:hover{background:var(--raised);color:var(--text);border-color:var(--text-3)}
.bl-shic svg{width:15px;height:15px}
.bl-hero{width:100%;max-width:1120px;margin:clamp(28px,3.5vw,44px) 0 clamp(32px,4vw,52px)}
.bl-hero img{display:block;width:100%;aspect-ratio:16/8.5;object-fit:cover;border-radius:16px;background:var(--raised)}


.bl-art{width:100%;max-width:720px;font-size:18.5px;line-height:1.78;color:#d4d4da}
.bl-art > p:first-child{font-size:20.5px;line-height:1.65;color:#ececf0}
.bl-art h2{margin:56px 0 16px;font-size:clamp(25px,2.4vw,30px);line-height:1.2;letter-spacing:-.025em;font-weight:700;color:#f7f7f8}
.bl-art h3{margin:36px 0 12px;font-size:21px;font-weight:600;color:#f2f2f4}
.bl-art p{margin:0 0 22px}
.bl-art ul,.bl-art ol{margin:0 0 24px}
.bl-art li{margin:0 0 10px}
.bl-art a{color:#fff;text-decoration:underline;text-decoration-color:rgba(74,222,128,.55);text-underline-offset:4px;text-decoration-thickness:1.5px;border-bottom:0}
.bl-art a:hover{text-decoration-color:var(--green)}
.bl-art .pg-note{margin:30px 0;padding:6px 0 6px 22px;border:0;border-left:3px solid var(--green);border-radius:0;background:none;font-size:20px;line-height:1.55;color:#ececf0}
/* Таблицы статьи: строки по верху, заголовки обычным регистром, первая колонка - подписи строк (липкая при прокрутке) */
.bl-art .pg-tblbox{margin:14px 0 34px;border:1px solid var(--border);border-radius:14px;background:#141418;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
.bl-art .pg-tbl{font-size:15px;min-width:100%}
.bl-art .pg-tbl th{padding:14px 18px;font-size:13.5px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.35;color:#f2f2f4;background:#1b1b20;white-space:normal;vertical-align:bottom;border-bottom:1px solid var(--border)}
.bl-art .pg-tbl td{padding:14px 18px;vertical-align:top;line-height:1.55;color:#c2c2ca}
.bl-art .pg-tbl td:first-child{color:#f2f2f4;font-weight:600}
.bl-art .pg-tbl tbody tr:nth-child(even){background:rgba(255,255,255,.018)}
.bl-art .pg-tbl tbody tr:hover{background:rgba(255,255,255,.035)}
.bl-art .pg-tbl code{font-size:13px;padding:2px 6px;border-radius:5px;white-space:nowrap}
.bl-art .bl-tw{--tw:min(1080px,calc(100vw - var(--bl-side) - 96px));width:max(100%,var(--tw));margin-left:min(0px,calc(50% - var(--tw) / 2))}
.bl-art .bl-tw .pg-tbl{table-layout:fixed;min-width:820px}
.bl-art .bl-tw .pg-tbl th:first-child,.bl-art .bl-tw .pg-tbl td:first-child{position:sticky;left:0;z-index:1;width:150px;background:#17171b;box-shadow:inset -1px 0 0 var(--border-hair)}
.bl-art .bl-tw .pg-tbl th:first-child{background:#1b1b20}
@media (max-width:1100px){.bl-art .bl-tw{--tw:calc(100vw - 48px)}}
@media (max-width:760px){.bl-art .bl-tw{width:100%;margin-left:0}.bl-art .pg-tbl{font-size:14px}.bl-art .pg-tbl th,.bl-art .pg-tbl td{padding:12px 14px}.bl-art .bl-tw .pg-tbl{min-width:860px}.bl-art .bl-tw .pg-tbl th:first-child,.bl-art .bl-tw .pg-tbl td:first-child{width:112px}}
.bl-art .code{margin:8px 0 26px}
.bl-share{width:100%;max-width:720px}
.bl-art .code{border:1px solid var(--border);border-radius:12px;background:var(--surface-2);margin:4px 0 20px}
.bl-art .code pre{margin:0;padding:16px 18px;overflow-x:auto;font-family:var(--mono);font-size:13.5px;line-height:1.6;color:var(--text)}
.bl-art .pg-note > div{min-width:0}
.bl-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:34px 0 36px;padding:26px 28px;border:1px solid rgba(74,222,128,.28);border-radius:16px;background:linear-gradient(135deg,rgba(74,222,128,.08),rgba(74,222,128,.015))}
.bl-cta-t b{display:block;margin-bottom:6px;font-size:17px;font-weight:600;color:var(--text)}
.bl-cta-t p{margin:0;font-size:14.5px;line-height:1.55;color:var(--text-2)}
.bl-cta-b{display:flex;flex-direction:column;gap:10px;flex:0 0 200px}
.bl-art .bl-cta a.btn{height:44px;padding:0 18px;border-radius:10px;font-size:14.5px;font-weight:600;text-decoration:none;white-space:nowrap}
.bl-art .bl-cta a.btn svg{width:14px;height:14px;transition:transform .15s ease}
.bl-art .bl-cta a.btn-primary{color:#052e16;background:var(--green);border:1px solid var(--green)}
.bl-art .bl-cta a.btn-primary:hover{background:#6ee7a0;border-color:#6ee7a0}
.bl-art .bl-cta a.btn-ghost{color:var(--text);background:rgba(255,255,255,.03);border:1px solid var(--border-strong)}
.bl-art .bl-cta a.btn-ghost:hover{background:rgba(255,255,255,.07);border-color:var(--text-3)}
.bl-art .bl-cta a.btn-ghost:hover svg{transform:translateX(2px)}
.bl-art .pg-rv{opacity:1!important;transform:none!important}   /* таблицы в тексте статьи - без появления при прокрутке */
.bl-share{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:40px;padding:20px 0 0;border-top:1px solid var(--border-hair)}
.bl-share > b{font-size:14.5px;font-weight:500;color:var(--text)}
.bl-share-b{display:flex;flex-wrap:wrap;gap:8px}
.bl-share-b .btn{height:36px;padding:0 14px;font-size:13.5px;gap:7px}
.bl-share-b .btn svg{width:14px;height:14px}
.bl-sec .section-head{margin-bottom:24px}
@media (max-width:1100px){
  .bl-lay{grid-template-columns:minmax(0,1fr)}
  .bl-side{position:static}
  .bl-side-hub{display:none}
  .bl-chips{display:flex!important;flex-direction:row;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--gutter)) 24px;padding:0 var(--gutter) 4px}
  .bl-chips::-webkit-scrollbar{display:none}
  .bl-chips a{flex:0 0 auto;min-height:40px;padding:0 14px;border:1px solid var(--border-strong);border-radius:999px;gap:8px}
  .bl-chips a.on{background:var(--text);color:var(--bg);border-color:var(--text)}
  .bl-chips a.on small{color:var(--bg);opacity:.6}
  .bl-side .pg-toc{display:none}
  .bl-front{grid-template-columns:minmax(0,1fr)}
  .bl-slider{min-height:460px}
  .bl-slide-b{max-width:100%}
  .bl-slide::after{background:linear-gradient(0deg,rgba(8,8,10,.92) 0%,rgba(8,8,10,.55) 55%,rgba(8,8,10,.2) 100%)}
  .bl-arrows{display:none}
  .bl-search{width:100%}
  .bl-grid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bl-cta{flex-direction:column;align-items:flex-start}
  .bl-cta-b{flex-direction:row;flex-wrap:wrap;flex:none;width:100%}
  .bl-art .bl-cta a.btn{flex:1 1 160px}
}
@media (max-width:640px){
  .bl-grid,.bl-grid.c3{grid-template-columns:minmax(0,1fr)}
  .bl-art{font-size:17px}
  .bl-art > p:first-child{font-size:18.5px}
  .bl-shic{display:none}
}