/* Статия - нов дизайн */
.ka-mbar{display:none}
.ka-hero{position:relative;overflow:hidden;background:var(--ka-bg)}
.ka-hero i{position:absolute;display:block;border-radius:999px}
.ka-hero .d1{bottom:-48px;left:36%;width:96px;height:96px;background:#fff;opacity:.45}
.ka-hero .d2{top:44px;right:8%;width:16px;height:16px;background:#fff}
.ka-hero-in{position:relative;display:flex;gap:32px;justify-content:space-between;align-items:center;padding-top:26px;padding-bottom:44px}
.ka-hero-l{max-width:760px;min-width:0}
.ka-crumbs{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700;color:var(--ka-ink);margin-bottom:18px}
.ka-crumbs a{color:var(--ka-ink)!important}
.ka-hero h1{margin:0;font-family:var(--kz-font-head);font-weight:700;font-size:46px;line-height:1.1;overflow-wrap:anywhere}
.ka-hero .lead{margin:16px 0 18px;max-width:640px;font-size:18px;line-height:1.55;color:var(--kz-ink2)}
.ka-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:13px;font-weight:700;color:var(--kz-ink2)}
.ka-meta .tag{padding:7px 14px;border-radius:999px;background:var(--ka-fg);color:#fff;font-weight:800}
.ka-hero-r{position:relative;flex:none;width:300px;height:210px}
.ka-hero-r span{position:absolute;display:block;border-radius:999px}
.ka-hero-r .c1{left:6px;top:8px;width:92px;height:92px;background:var(--ka-fg);opacity:.5}
.ka-hero-r .c2{right:6px;bottom:20px;width:52px;height:52px;border-radius:14px;background:var(--kz-accent);transform:rotate(14deg)}
.ka-hero-r .c3{left:40px;bottom:-26px;width:10px;height:10px;background:var(--kz-ink)}
.ka-hero-r .c4{right:52px;top:-4px;width:22px;height:22px;background:#fff}
.ka-hero-r .tile{left:70px;top:26px;width:136px;height:136px;border-radius:36px;background:var(--ka-fg);color:#fff;display:flex;align-items:center;justify-content:center;transform:rotate(10deg);box-shadow:0 10px 0 rgba(0,0,0,.2)}

.ka-grid{display:grid;grid-template-columns:260px minmax(0,720px);gap:44px;align-items:start;padding-top:28px;padding-bottom:40px;max-width:1240px}
.ka-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px}
.ka-toc{padding:18px;border-radius:20px;background:#fff;border:2px solid var(--kz-line);display:flex;flex-direction:column;gap:4px}
.ka-toc b{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--kz-muted);margin-bottom:6px}
.ka-toc a{padding:9px 12px;border-left:3px solid var(--kz-line);border-radius:0 10px 10px 0;font-weight:700;font-size:14px;line-height:1.3;color:var(--kz-ink)!important;text-decoration:none}
.ka-toc a.on{background:var(--ka-bg);border-left-color:var(--ka-fg)}
.ka-tools{display:flex;flex-direction:column;gap:8px}
.ka-tools .lb{font-size:12px;font-weight:700;color:var(--kz-muted)}
.ka-tools .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.ka-tools button,.ka-tools .so{height:40px;min-width:40px;padding:0 12px;border-radius:999px;border:2px solid var(--kz-line);background:#fff;font:inherit;font-weight:800;font-size:14px;color:var(--kz-ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.ka-tools .so{width:40px;padding:0;border:0;color:#fff!important}
.ka-tools .fb{background:#1877F2}.ka-tools .vb{background:#7360F2}
.ka-tools .copy{font-size:13px}

.ka-body{--ka-fs:1;min-width:0;grid-column:2;font-size:calc(17px*var(--ka-fs))}
.ka-fact{padding:22px 24px;border-radius:20px;background:var(--kz-indigo);color:#fff;margin-bottom:28px}
.ka-fact .tg,.ka-dyk .tg{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--kz-accent);color:var(--kz-ink);font-weight:800;font-size:12px;margin-bottom:12px}
.ka-fact p{margin:0;font-family:var(--kz-font-head);font-weight:700;font-size:calc(21px*var(--ka-fs));line-height:1.35}
.ka-sec{margin-bottom:8px}
.ka-sec h2{margin:30px 0 14px;font-family:var(--kz-font-head);font-weight:700;font-size:calc(24px*var(--ka-fs));line-height:1.25;scroll-margin-top:96px}
.ka-sec p,.ka-concl{margin:0 0 16px;line-height:1.75;color:#2a2644}
.ka-concl{padding-top:6px}
.ka-tf{margin:26px 0;padding:22px;border-radius:20px;background:#ECE5FF;display:flex;flex-direction:column;gap:10px}
.ka-tf[hidden]{display:none}
.ka-tf>b{font-size:15px;font-weight:800}
.ka-tf .q{margin:0;font-size:15px;line-height:1.5;color:var(--kz-ink2)}
.ka-tf .two{display:flex;gap:10px;flex-wrap:wrap}
.ka-tf .two button{min-height:42px;padding:0 20px;border:0;border-radius:12px;background:#fff;font:inherit;font-weight:800;font-size:14px;cursor:pointer}
.ka-tf .two .ok{background:var(--kz-mint)}.ka-tf .two .no{background:var(--kz-coral)}.ka-tf .two .dim{opacity:.55}
.ka-tf .fb{margin:0;font-size:14px;font-weight:700}
.ka-dyk{margin:28px 0;padding:22px 24px;border-radius:20px;background:var(--kz-accent);color:var(--kz-ink)}
.ka-dyk[hidden]{display:none}
.ka-dyk .tg{background:transparent;padding:0;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.ka-dyk p{margin:0 0 10px;font-weight:800;font-size:calc(17px*var(--ka-fs));line-height:1.45}
.ka-dyk a{font-weight:800;font-size:14px;color:var(--kz-ink)!important}
.ka-check{margin:32px 0;padding:26px;border-radius:24px;background:#fff;border:2px solid var(--kz-line);box-shadow:0 6px 0 var(--kz-line)}
.ka-check[hidden]{display:none}
.ka-check .hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.ka-check h2{margin:0;font-family:var(--kz-font-head);font-size:22px}
.ka-check .hd span{font-size:13px;font-weight:700;color:var(--kz-muted)}
.ka-check .q{margin:0 0 14px;font-weight:800;font-size:17px;line-height:1.4}
.ka-check .opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.ka-check .opts button{min-height:50px;padding:10px 14px;border-radius:14px;border:2px solid var(--kz-line);background:var(--kz-paper);font:inherit;font-weight:800;font-size:15px;text-align:left;cursor:pointer;color:var(--kz-ink)}
.ka-check .opts button:hover:not(:disabled){border-color:var(--kz-indigo)}
.ka-check .opts .ok{background:var(--kz-mint);border-color:var(--kz-mint)}
.ka-check .opts .no{background:var(--kz-coral);border-color:var(--kz-coral)}
.ka-check .opts .dim{opacity:.55}
.ka-check .go{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:999px;background:var(--kz-indigo);color:#fff!important;font-weight:800;font-size:16px;text-decoration:none;box-shadow:0 5px 0 var(--kz-indigo-d)}
.ka-check .go2{display:block;text-align:center;margin-top:14px;font-weight:800;font-size:14px;color:var(--kz-indigo)!important}
.ka-vote{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0 0;padding:18px 0;border-top:2px solid var(--kz-line);font-weight:800;font-size:14px}
.ka-vote button{min-height:38px;padding:0 18px;border-radius:999px;border:2px solid var(--kz-line);background:#fff;font:inherit;font-weight:800;font-size:14px;cursor:pointer;color:var(--kz-ink)}
.ka-vote button.on{background:var(--kz-indigo);border-color:var(--kz-indigo);color:#fff}
.ka-vote .thx{color:#135C36;font-weight:700}
.ka-vote .rep{margin-left:auto;color:var(--kz-muted)!important;font-weight:700;text-decoration:underline}
.ka-more{padding-top:36px;padding-bottom:64px;border-top:2px solid var(--kz-line)}
.ka-more .hd{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:18px}
.ka-more .hd a{font-weight:800;font-size:14px;color:var(--kz-indigo)!important}
.ka-more .grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.ka-more .mc{padding:16px;border-radius:20px;min-height:150px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--kz-ink)!important}
.ka-more .mc .tg{align-self:flex-start;padding:3px 10px;border-radius:999px;background:#fff;font-size:11px;font-weight:800}
.ka-more .mc b{font-weight:800;font-size:15px;line-height:1.35}
.ka-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) translateY(20px);padding:10px 18px;border-radius:999px;background:var(--kz-ink);color:#fff;font-weight:700;font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:60}
.ka-toast.on{opacity:1;transform:translateX(-50%)}

@media (max-width:1100px){
  .ka-grid{grid-template-columns:220px minmax(0,1fr)}
  .ka-more .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ka-hero-r{display:none}
}
@media (max-width:820px){
  .ka-grid{grid-template-columns:1fr;gap:20px}
  .ka-side{position:static;order:2;flex-direction:column}
  .ka-toc{display:none}
  .ka-body{grid-column:1}
  .ka-side{display:none}
}
@media (max-width:640px){
  body.article-page .kz-header{display:none}
  .ka-mbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:30;padding:12px 16px;background:var(--ka-bg)}
  .ka-mbar .back{width:44px;height:44px;border:0;border-radius:999px;background:#fff;color:var(--kz-ink)!important;display:flex;align-items:center;justify-content:center;cursor:pointer}
  .ka-mbar .brand{flex:1;font-family:var(--kz-font-head);font-weight:700;font-size:16px}
  .ka-hero-in{padding-top:6px;padding-bottom:26px}
  .ka-crumbs{display:none}
  .ka-hero h1{font-size:28px}
  .ka-hero .lead{font-size:16px;margin:12px 0 14px}
  .ka-hero .d1{display:none}
  .ka-fact{padding:18px}
  .ka-fact p{font-size:calc(18px*var(--ka-fs))}
  .ka-sec h2{font-size:calc(21px*var(--ka-fs))}
  .ka-check{padding:18px}
  .ka-check .opts{grid-template-columns:1fr}
  .ka-vote .rep{margin-left:0;flex-basis:100%}
  .ka-more .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ka-more .mc{min-height:130px}
}
