/* блог: обычная прокрутка документа (на главной её забирает #scroller) */
html,body{height:auto !important;overflow:visible !important;}
html{scroll-behavior:auto !important;}
body{overflow-x:hidden !important;background:#fff;}
/* ===================================================================
   ТвойОтчёт — блог: список статей и страница материала
   =================================================================== */
.bl-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(20px,4vw,54px);background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);}
.bl-brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--ink);}
.bl-brand img{width:30px;height:30px;border-radius:8px;}
.bl-nav-links{display:flex;align-items:center;gap:6px;}
.bl-nav-links a{font:500 14.5px/1 var(--ui);color:var(--ink-2);padding:10px 14px;border-radius:100px;transition:background .2s,color .2s;}
.bl-nav-links a:hover{background:var(--tint);color:var(--primary);}
.bl-nav-cta{font:600 14.5px/1 var(--ui);color:#fff;background:var(--primary);border:none;border-radius:100px;padding:12px 22px;cursor:pointer;transition:background .25s,transform .3s var(--ease);}
.bl-nav-cta:hover{background:var(--primary-press);transform:translateY(-2px);}
@media (max-width:760px){.bl-nav-links{display:none;}}

.bl-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,54px);}
.bl-hero{padding:clamp(46px,6vw,88px) 0 clamp(28px,3vw,44px);}
.bl-crumbs{display:flex;gap:8px;flex-wrap:wrap;font:500 12.5px/1 var(--ui);color:var(--ink-3);margin-bottom:22px;}
.bl-crumbs a{color:var(--primary);}
.bl-crumbs span{color:var(--ink-3);}
.bl-h1{font-family:var(--serif);font-weight:900;text-transform:uppercase;font-size:clamp(30px,5vw,66px);line-height:1.02;letter-spacing:-.025em;max-width:17ch;}
.bl-lede{font-family:var(--read);font-size:clamp(16.5px,1.4vw,20px);line-height:1.6;color:var(--ink-2);max-width:62ch;margin-top:18px;}

/* список статей */
.bl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(16px,2vw,26px);padding-bottom:clamp(60px,8vw,120px);}
.bl-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s;}
.bl-card:hover{transform:translateY(-4px);box-shadow:0 34px 70px -34px rgba(46,28,110,.4);border-color:var(--tint-2);}
.bl-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:var(--tint);}
.bl-card-b{display:flex;flex-direction:column;gap:12px;padding:24px 24px 26px;flex:1;}
.bl-tag{align-self:flex-start;font:600 11.5px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--primary);background:var(--tint);padding:8px 12px;border-radius:100px;}
.bl-card h2{font-family:var(--ui);font-weight:600;font-size:21px;line-height:1.25;letter-spacing:-.015em;}
.bl-card p{font-family:var(--read);font-size:15px;line-height:1.55;color:var(--ink-2);}
.bl-meta{margin-top:auto;display:flex;gap:14px;font:500 12.5px/1 var(--ui);color:var(--ink-3);}

/* статья */
.bl-art{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(28px,4vw,64px);align-items:start;padding-bottom:clamp(60px,8vw,110px);}
.bl-toc{position:sticky;top:88px;border-left:2px solid var(--line);padding-left:18px;display:flex;flex-direction:column;gap:10px;}
.bl-toc b{font:600 11.5px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px;}
.bl-toc a{font:500 13.6px/1.4 var(--ui);color:var(--ink-2);transition:color .2s;}
.bl-toc a:hover{color:var(--primary);}
.bl-body{max-width:75ch;}
.bl-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:24px;background:var(--tint);margin-bottom:clamp(26px,3vw,42px);}
.bl-body h2{font-family:var(--serif);font-weight:700;font-size:clamp(23px,2.4vw,34px);line-height:1.12;letter-spacing:-.02em;margin:clamp(34px,4vw,56px) 0 14px;scroll-margin-top:96px;}
.bl-body h3{font-family:var(--ui);font-weight:600;font-size:clamp(18px,1.6vw,22px);line-height:1.3;margin:28px 0 10px;}
.bl-body p,.bl-body li{font-family:var(--read);font-size:clamp(15.6px,1.2vw,17.5px);line-height:1.68;color:var(--ink-2);}
.bl-body p{margin-bottom:16px;}
.bl-body ul,.bl-body ol{margin:0 0 20px;padding-left:22px;display:flex;flex-direction:column;gap:9px;}
.bl-body li::marker{color:var(--primary);}
.bl-body b,.bl-body strong{color:var(--ink);font-weight:600;}
.bl-body a{color:var(--primary);text-decoration:underline;text-underline-offset:2px;}
.bl-body figure{margin:clamp(26px,3vw,40px) 0;}
.bl-body figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:20px;background:var(--tint);}
.bl-body figcaption{font:400 13px/1.5 var(--ui);color:var(--ink-3);margin-top:10px;}
.bl-note{background:var(--tint);border-radius:20px;padding:clamp(20px,2.4vw,28px);margin:clamp(24px,3vw,36px) 0;}
.bl-note b{display:block;font-family:var(--ui);font-weight:600;font-size:16px;color:var(--ink);margin-bottom:8px;}
.bl-note p{margin:0;font-size:15.6px;}
.bl-quote{border-left:3px solid var(--primary);padding:4px 0 4px 22px;margin:clamp(24px,3vw,36px) 0;font-family:var(--read);font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:var(--ink);}
.bl-table{width:100%;border-collapse:collapse;margin:24px 0;font-family:var(--ui);}
.bl-table th,.bl-table td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);font-size:14.8px;line-height:1.45;}
.bl-table th{font-weight:600;color:var(--ink);background:var(--line-2);}
.bl-table td{color:var(--ink-2);}
.bl-artmeta{display:flex;gap:16px;flex-wrap:wrap;font:500 13px/1 var(--ui);color:var(--ink-3);margin-top:20px;}
.bl-cta{margin-top:clamp(36px,4vw,60px);padding:clamp(24px,3vw,38px);border-radius:26px;background:linear-gradient(135deg,#6D4AFF,#3A47E0);color:#fff;}
.bl-cta h3{font-family:var(--serif);font-weight:700;font-size:clamp(21px,2.2vw,29px);letter-spacing:-.02em;margin-bottom:10px;color:#fff;}
.bl-cta p{font-family:var(--read);font-size:15.6px;line-height:1.6;color:rgba(255,255,255,.88);margin-bottom:20px;max-width:52ch;}
.bl-cta button{border:none;border-radius:100px;background:#fff;color:#2A2050;font:600 15px/1 var(--ui);padding:15px 26px;cursor:pointer;transition:transform .3s var(--ease);}
.bl-cta button:hover{transform:translateY(-2px);}
.bl-next{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:clamp(34px,4vw,56px);padding-top:clamp(26px,3vw,40px);border-top:1px solid var(--line);}
.bl-next a{display:flex;flex-direction:column;gap:8px;padding:20px 22px;border:1px solid var(--line);border-radius:20px;transition:border-color .25s,transform .35s var(--ease);}
.bl-next a:hover{border-color:var(--primary);transform:translateY(-3px);}
.bl-next span{font:600 11.5px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);}
.bl-next b{font:600 16.5px/1.3 var(--ui);color:var(--ink);letter-spacing:-.01em;}
.bl-foot{border-top:1px solid var(--line);padding:34px 0 44px;font:400 13px/1.6 var(--ui);color:var(--ink-3);}
.bl-foot a{color:var(--primary);}
@media (max-width:960px){.bl-art{grid-template-columns:1fr;}.bl-toc{position:static;order:-1;border-left:none;border-top:1px solid var(--line);padding:18px 0 0;}}

/* ---------- хедер блога: как на главной, но на светлом ---------- */
.bl-topnav{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px clamp(20px,4vw,54px);transition:padding .35s var(--ease),background .35s var(--ease),box-shadow .35s var(--ease);}
.bl-topnav .nav-brand{color:var(--ink);opacity:1;visibility:visible;pointer-events:auto;}
.bl-topnav .nav-logo{width:34px;height:34px;border-radius:9px;}
.bl-topnav .nav-logo-dark,.bl-topnav .nav-logo-white{opacity:1;position:static;}
.bl-topnav .nav-logo-white{display:none;}
.bl-topnav.scrolled{padding-top:11px;padding-bottom:11px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 10px 30px -22px rgba(46,28,110,.5);}
.bl-topnav.scrolled .nav-brand,.bl-topnav.scrolled .nav-pill{opacity:1;visibility:visible;pointer-events:auto;}
.bl-topnav .nav-pill{background:rgba(255,255,255,.72);border-color:var(--line);box-shadow:0 12px 30px -20px rgba(60,40,130,.35);}
.bl-topnav .nav-pill a.on{color:var(--primary);}
.bl-topnav .nav-pill a.on::before{transform:scaleX(1);background:var(--tint);box-shadow:none;}
.bl-topnav .nav-cta{color:var(--ink);background:rgba(255,255,255,.8);border-color:var(--line);cursor:pointer;}
.bl-topnav .nav-cta:hover{color:#fff;}
.bl-topnav .nav-lang{color:var(--ink);}
body.bl-page{padding-top:86px;}
@media (max-width:1024px){.bl-topnav .nav-pill,.bl-topnav .nav-lang{display:none;}body.bl-page{padding-top:74px;}}
@media (max-width:560px){.bl-topnav{padding:12px 16px;}.bl-topnav .nav-cta{font-size:13.5px;padding:10px 16px;}body.bl-page{padding-top:66px;}}
/* прогресс чтения */
.bl-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:901;background:linear-gradient(90deg,var(--primary),#3A47E0);transition:width .1s linear;}
/* кнопка «наверх» */
.bl-up{position:fixed;right:clamp(14px,2.4vw,30px);bottom:clamp(14px,2.4vw,30px);z-index:880;width:48px;height:48px;border:none;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(14px);pointer-events:none;box-shadow:0 16px 34px -14px rgba(109,74,255,.7);transition:opacity .3s var(--ease),transform .4s var(--ease),background .25s;}
.bl-up.on{opacity:1;transform:none;pointer-events:auto;}
.bl-up:hover{background:var(--primary-press);}
.bl-toc{top:104px;}