/* ═══════════════════════════════════════════════════════════
   СТОИК — База знаний · стили раздела
   ═══════════════════════════════════════════════════════════ */

/* ═══ HERO ═══ */
.kb-hero{
  position:relative;
  padding:160px 0 70px;
  text-align:center;
}
.kb-eyebrow{
  display:inline-block;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:4px;
  text-transform:uppercase;
  color:var(--emerald-2);
  margin-bottom:24px;
  font-weight:600;
}
.kb-title{
  font-size:clamp(34px,5vw,64px);
  font-weight:800;
  letter-spacing:-2px;
  line-height:1.08;
  margin-bottom:32px;
  background:linear-gradient(90deg,#eaf5ef,#22ddb0 45%,#c9a227 90%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}
.kb-sub{
  font-size:clamp(15px,1.5vw,18px);
  color:var(--text-dim);
  max-width:700px;
  margin:0 auto;
  line-height:1.7;
}

/* ═══ SECTION ═══ */
.kb-section{
  position:relative;
  padding:40px 0 80px;
  z-index:1;
}

/* ═══ FILTERS ═══ */
.kb-filters{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:56px;
}
.kb-filter{
  padding:10px 22px;
  border-radius:40px;
  font-family:inherit;
  font-size:0.82rem;
  font-weight:600;
  letter-spacing:0.04em;
  color:var(--text-dim);
  background:rgba(10,20,16,0.6);
  border:1px solid rgba(15,184,148,0.25);
  cursor:pointer;
  transition:all .35s cubic-bezier(.22,1,.36,1);
  backdrop-filter:blur(8px);
}
.kb-filter:hover{
  color:var(--emerald-2);
  border-color:rgba(52,211,153,0.5);
  transform:translateY(-2px);
}
.kb-filter.active{
  color:#050a08;
  background:var(--grad-2);
  border-color:transparent;
  box-shadow:0 6px 20px -6px rgba(15,184,148,.6);
}

/* ═══ GRID — 2 КОЛОНКИ НА ДЕСКТОПЕ ═══ */
.kb-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:28px;
}
@media (max-width:900px){
  .kb-grid{
    grid-template-columns:1fr;
    gap:20px;
  }
}
@media (min-width:1600px){
  .kb-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

/* ═══ CARD ═══ */
.kb-card{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:0;
  background:linear-gradient(180deg,rgba(15,30,24,.4),rgba(5,10,8,.9));
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  text-decoration:none;
  color:inherit;
  transition:all .45s cubic-bezier(.34,1.4,.64,1);
  overflow:hidden;
  isolation:isolate;
  min-height:360px;
}

/* Подсветка по категории — верхняя граница */
.kb-card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;height:2px;
  background:var(--cat-grad, var(--grad-2));
  opacity:.55;
  transition:opacity .4s, transform .4s;
  z-index:3;
}
.kb-card:hover::before{
  opacity:1;
}

/* Категорийные оттенки */
.kb-card[data-cat="concepts"]{
  --cat-color: rgba(34,221,176,1);
  --cat-color-soft: rgba(34,221,176,.12);
  --cat-grad: linear-gradient(90deg, transparent, #22ddb0, transparent);
}
.kb-card[data-cat="metrics"]{
  --cat-color: rgba(232,193,88,1);
  --cat-color-soft: rgba(232,193,88,.12);
  --cat-grad: linear-gradient(90deg, transparent, #e8c158, transparent);
}
.kb-card[data-cat="howto"]{
  --cat-color: rgba(167,243,208,1);
  --cat-color-soft: rgba(167,243,208,.10);
  --cat-grad: linear-gradient(90deg, transparent, #a7f3d0, transparent);
}
.kb-card[data-cat="methods"]{
  --cat-color: rgba(208,220,214,1);
  --cat-color-soft: rgba(208,220,214,.10);
  --cat-grad: linear-gradient(90deg, transparent, #d0dcd6, transparent);
}

.kb-card:hover{
  transform:translateY(-6px);
  border-color:var(--cat-color, rgba(15,184,148,.4));
  box-shadow:
    0 28px 70px -22px var(--cat-color-soft, rgba(15,184,148,.45)),
    0 0 0 1px rgba(255,255,255,.03) inset;
}

/* ═══ ВИЗУАЛЬНЫЙ БЛОК СВЕРХУ КАРТОЧКИ ═══ */
.kb-card-visual{
  position:relative;
  height:150px;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 85% 50%, var(--cat-color-soft, rgba(34,221,176,.12)), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.02), transparent);
}
.kb-card-visual::after{
  content:'';
  position:absolute;
  bottom:0;left:0;right:0;
  height:60%;
  background:linear-gradient(180deg, transparent, rgba(5,10,8,.6));
  pointer-events:none;
  z-index:2;
}

/* Номер статьи */
.kb-card-num{
  position:absolute;
  top:24px;
  left:28px;
  font-family:'JetBrains Mono',monospace;
  font-size:3rem;
  font-weight:700;
  line-height:1;
  letter-spacing:-0.05em;
  background:var(--grad-2);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  transition:all .45s cubic-bezier(.34,1.4,.64,1);
  z-index:3;
}
.kb-card:hover .kb-card-num{
  transform:translateX(4px);
  filter:drop-shadow(0 0 24px var(--cat-color, rgba(34,221,176,.6)));
}

/* Огромная Σ — как водяной знак, в тени */
.kb-card-sigma{
  position:absolute;
  top:-30px;
  right:-40px;
  font-family:'Cinzel','Times New Roman',serif;
  font-size:16rem;
  font-weight:400;
  line-height:0.8;
  color:transparent;
  -webkit-text-stroke: 2.5px rgba(34,221,176,.30);
  text-stroke: 2.5px rgba(34,221,176,.30);
  text-shadow:
    0 0 30px rgba(34,221,176,.15),
    0 0 60px rgba(34,221,176,.08),
    inset 0 0 20px rgba(34,221,176,.1);
  filter:drop-shadow(0 0 20px rgba(34,221,176,.12));
  pointer-events:none;
  transition:all .55s cubic-bezier(.34,1.4,.64,1);
  z-index:1;
  user-select:none;
  transform:rotate(-2deg);
}

/* Категорийные оттенки для Σ */
.kb-card[data-cat="concepts"] .kb-card-sigma{
  -webkit-text-stroke-color: rgba(34,221,176,.30);
  text-stroke-color: rgba(34,221,176,.30);
  text-shadow: 0 0 30px rgba(34,221,176,.18), 0 0 60px rgba(34,221,176,.10);
  filter:drop-shadow(0 0 20px rgba(34,221,176,.15));
}
.kb-card[data-cat="metrics"] .kb-card-sigma{
  -webkit-text-stroke-color: rgba(232,193,88,.30);
  text-stroke-color: rgba(232,193,88,.30);
  text-shadow: 0 0 30px rgba(232,193,88,.18), 0 0 60px rgba(232,193,88,.10);
  filter:drop-shadow(0 0 20px rgba(232,193,88,.15));
}
.kb-card[data-cat="howto"] .kb-card-sigma{
  -webkit-text-stroke-color: rgba(167,243,208,.28);
  text-stroke-color: rgba(167,243,208,.28);
  text-shadow: 0 0 30px rgba(167,243,208,.18), 0 0 60px rgba(167,243,208,.10);
  filter:drop-shadow(0 0 20px rgba(167,243,208,.14));
}
.kb-card[data-cat="methods"] .kb-card-sigma{
  -webkit-text-stroke-color: rgba(208,220,214,.28);
  text-stroke-color: rgba(208,220,214,.28);
  text-shadow: 0 0 30px rgba(208,220,214,.18), 0 0 60px rgba(208,220,214,.10);
  filter:drop-shadow(0 0 20px rgba(208,220,214,.14));
}

/* Ярче при наведении */
.kb-card:hover .kb-card-sigma{
  -webkit-text-stroke-width: 3px;
  text-stroke-width: 3px;
  transform:rotate(-4deg) scale(1.04);
  top:-34px;
  right:-44px;
}
.kb-card[data-cat="concepts"]:hover .kb-card-sigma{
  -webkit-text-stroke-color: rgba(34,221,176,.75);
  text-stroke-color: rgba(34,221,176,.75);
  text-shadow:
    0 0 40px rgba(34,221,176,.55),
    0 0 80px rgba(34,221,176,.30),
    0 0 120px rgba(34,221,176,.15);
  filter:drop-shadow(0 0 30px rgba(34,221,176,.45));
}
.kb-card[data-cat="metrics"]:hover .kb-card-sigma{
  -webkit-text-stroke-color: rgba(232,193,88,.75);
  text-stroke-color: rgba(232,193,88,.75);
  text-shadow:
    0 0 40px rgba(232,193,88,.55),
    0 0 80px rgba(232,193,88,.30),
    0 0 120px rgba(232,193,88,.15);
  filter:drop-shadow(0 0 30px rgba(232,193,88,.45));
}
.kb-card[data-cat="howto"]:hover .kb-card-sigma{
  -webkit-text-stroke-color: rgba(167,243,208,.75);
  text-stroke-color: rgba(167,243,208,.75);
  text-shadow:
    0 0 40px rgba(167,243,208,.55),
    0 0 80px rgba(167,243,208,.30);
  filter:drop-shadow(0 0 30px rgba(167,243,208,.45));
}
.kb-card[data-cat="methods"]:hover .kb-card-sigma{
  -webkit-text-stroke-color: rgba(208,220,214,.75);
  text-stroke-color: rgba(208,220,214,.75);
  text-shadow:
    0 0 40px rgba(208,220,214,.55),
    0 0 80px rgba(208,220,214,.30);
  filter:drop-shadow(0 0 30px rgba(208,220,214,.45));
}

/* ═══ КОНТЕНТ КАРТОЧКИ ═══ */
.kb-card-content{
  position:relative;
  padding:8px 32px 30px;
  display:flex;
  flex-direction:column;
  flex:1;
  z-index:2;
}

/* ═══ CATEGORY BADGE ═══ */
.kb-cat{
  display:inline-block;
  align-self:flex-start;
  padding:5px 14px;
  margin-bottom:18px;
  font-family:'JetBrains Mono',monospace;
  font-size:0.66rem;
  font-weight:600;
  letter-spacing:0.22em;
  text-transform:uppercase;
  border-radius:4px;
  border:1px solid;
}
.kb-cat-concepts{
  color:var(--emerald-2);
  border-color:rgba(52,211,153,.4);
  background:rgba(15,76,58,.25);
}
.kb-cat-metrics{
  color:var(--gold-2);
  border-color:rgba(201,162,39,.4);
  background:rgba(74,60,10,.25);
}
.kb-cat-howto{
  color:#a7f3d0;
  border-color:rgba(167,243,208,.4);
  background:rgba(15,76,58,.2);
}
.kb-cat-methods{
  color:#d0dcd6;
  border-color:rgba(208,220,214,.3);
  background:rgba(60,70,66,.25);
}

/* ═══ CARD CONTENT ═══ */
.kb-card-title{
  font-size:1.35rem;
  font-weight:700;
  color:#fff;
  letter-spacing:-0.4px;
  line-height:1.25;
  margin-bottom:14px;
}
.kb-card-desc{
  font-size:0.95rem;
  color:var(--text-dim);
  line-height:1.6;
  margin-bottom:22px;
  flex:1;
}
.kb-tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:20px;
}
.kb-tag{
  font-family:'JetBrains Mono',monospace;
  font-size:0.66rem;
  letter-spacing:0.05em;
  color:var(--text-dim-2);
  padding:4px 10px;
  border-radius:4px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}
.kb-read{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:'JetBrains Mono',monospace;
  font-size:0.72rem;
  font-weight:600;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:var(--emerald-2);
  transition:transform .35s,color .35s;
}
.kb-card:hover .kb-read{
  transform:translateX(6px);
  color:var(--gold-2);
}

/* ═══ EMPTY STATE ═══ */
.kb-empty{
  padding:60px 20px;
  text-align:center;
  color:var(--text-dim-2);
  font-size:0.9rem;
  font-family:'JetBrains Mono',monospace;
  letter-spacing:0.15em;
  text-transform:uppercase;
}

/* ═══ АДАПТИВ ═══ */
@media (max-width:900px){
  .kb-hero{padding:130px 0 50px}
  .kb-title{margin-bottom:24px}
  .kb-filters{margin-bottom:40px}
  .kb-card-visual{height:130px}
  .kb-card-sigma{font-size:13rem;top:-20px;right:-30px}
  .kb-card-num{font-size:2.5rem;top:20px;left:22px}
  .kb-card-content{padding:8px 24px 26px}
  .kb-card-title{font-size:1.2rem}
}
@media (max-width:600px){
  .kb-hero{padding:110px 0 40px}
  .kb-filters{gap:6px;margin-bottom:32px}
  .kb-filter{padding:8px 14px;font-size:0.72rem}
  .kb-card{min-height:320px}
  .kb-card-visual{height:120px}
  .kb-card-sigma{font-size:11rem;top:-16px;right:-24px}
  .kb-card-num{font-size:2.2rem;top:18px;left:20px}
  .kb-card-content{padding:6px 22px 24px}
  .kb-card-title{font-size:1.15rem}
  .kb-card-desc{font-size:0.9rem}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    transition-duration:.01ms !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   СТИЛИ СТАТЬИ — kb-article, body, faq, related
   ═══════════════════════════════════════════════════════════ */

/* ═══ ОБЁРТКА СТАТЬИ ═══ */
.kb-article{
  position:relative;
  padding:140px 0 60px;
  z-index:1;
}
.kb-article .container{
  max-width:1080px;
  margin:0 auto;
  padding:0 48px;
}

/* ═══ ХЛЕБНЫЕ КРОШКИ ═══ */
.kb-breadcrumbs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:32px;
  font-family:'JetBrains Mono',monospace;
  font-size:0.72rem;
  letter-spacing:0.15em;
  text-transform:uppercase;
  color:var(--text-dim-2);
}
.kb-breadcrumbs a{
  color:var(--text-dim);
  text-decoration:none;
  transition:color .3s;
}
.kb-breadcrumbs a:hover{color:var(--emerald-2)}
.kb-bc-sep{color:var(--text-dim-2);opacity:.5}
.kb-bc-current{color:var(--emerald-2)}

/* ═══ ШАПКА СТАТЬИ ═══ */
.kb-article-header{
  margin-bottom:48px;
  padding-bottom:32px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.kb-article-title{
  font-size:clamp(30px,4vw,48px);
  font-weight:800;
  letter-spacing:-1.8px;
  line-height:1.1;
  margin:20px 0 24px;
  color:#fff;
  background:linear-gradient(90deg,#eaf5ef,#22ddb0 70%,#c9a227 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.kb-article-lead{
  font-size:clamp(17px,1.5vw,21px);
  color:var(--text-dim);
  line-height:1.75;
  font-weight:400;
}

/* ═══ ТЕЛО СТАТЬИ ═══ */
.kb-article-body{
  font-size:18px;
  line-height:1.8;
  color:#c8d4ce;
}
.kb-article-body p{
  margin-bottom:20px;
  color:#c8d4ce;
}
.kb-article-body h2{
  font-size:clamp(22px,2.6vw,32px);
  font-weight:800;
  letter-spacing:-0.8px;
  line-height:1.2;
  color:#fff;
  margin:56px 0 20px;
  padding-top:20px;
}
.kb-article-body h2:first-child{margin-top:0;padding-top:0}
.kb-article-body h3{
  font-size:1.3rem;
  font-weight:700;
  color:var(--emerald-2);
  margin:36px 0 16px;
  letter-spacing:-0.3px;
  line-height:1.3;
}
.kb-article-body strong{
  color:#fff;
  font-weight:700;
}
.kb-article-body em{
  color:var(--gold-2);
  font-style:italic;
}
.kb-article-body a{
  color:var(--emerald-2);
  text-decoration:none;
  border-bottom:1px solid rgba(34,221,176,.35);
  transition:all .3s;
}
.kb-article-body a:hover{
  color:var(--gold-2);
  border-bottom-color:rgba(201,162,39,.6);
}

/* ═══ СПИСКИ ═══ */
.kb-article-body ul,
.kb-article-body ol{
  margin:20px 0 28px;
  padding-left:0;
  list-style:none;
}
.kb-article-body ul li{
  position:relative;
  padding-left:32px;
  margin-bottom:12px;
  line-height:1.7;
  color:#c8d4ce;
}
.kb-article-body ul li::before{
  content:'◆';
  position:absolute;
  left:0;
  top:6px;
  color:var(--emerald-2);
  font-size:.75rem;
}
.kb-article-body ol{
  counter-reset:kb-list;
}
.kb-article-body ol li{
  counter-increment:kb-list;
  position:relative;
  padding-left:52px;
  margin-bottom:14px;
  line-height:1.7;
  color:#c8d4ce;
}
.kb-article-body ol li::before{
  content:counter(kb-list, decimal-leading-zero);
  position:absolute;
  left:0;
  top:0;
  font-family:'JetBrains Mono',monospace;
  font-size:.72rem;
  font-weight:700;
  color:var(--emerald-2);
  background:rgba(15,76,58,.5);
  border:1px solid rgba(52,211,153,.3);
  width:36px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:4px;
}

/* ═══ БЛОК ОПРЕДЕЛЕНИЯ ═══ */
.kb-definition{
  margin:28px 0;
  padding:24px 28px;
  background:linear-gradient(135deg,rgba(15,76,58,.35),rgba(15,76,58,.12));
  border-left:3px solid var(--emerald-2);
  border-radius:0 10px 10px 0;
  position:relative;
}
.kb-def-label{
  display:block;
  font-family:'JetBrains Mono',monospace;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--emerald-2);
  margin-bottom:10px;
}
.kb-definition p{
  margin:0;
  font-size:1.08rem;
  line-height:1.75;
  color:#d0dcd6;
}

/* ═══ БЛОК «ГЛАВНОЕ» ═══ */
.kb-takeaway{
  margin:40px 0;
  padding:28px 32px;
  background:linear-gradient(135deg,rgba(201,162,39,.12),rgba(15,76,58,.15));
  border:1px solid rgba(201,162,39,.3);
  border-radius:14px;
  position:relative;
}
.kb-takeaway::before{
  content:'';
  position:absolute;
  top:0;
  left:32px;
  right:32px;
  height:2px;
  background:var(--grad-2);
  opacity:.6;
}
.kb-take-label{
  display:block;
  font-family:'JetBrains Mono',monospace;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:var(--gold-2);
  margin-bottom:12px;
}
.kb-takeaway p{
  margin:0;
  font-size:1.08rem;
  line-height:1.75;
  color:#d0dcd6;
}

/* ═══ ЦИТАТА ═══ */
.kb-article-body blockquote{
  margin:32px 0;
  padding:24px 32px;
  background:linear-gradient(135deg,rgba(15,76,58,.3),rgba(15,76,58,.08));
  border-left:3px solid var(--emerald-2);
  border-radius:0 10px 10px 0;
  font-size:1.08rem;
  font-style:italic;
  color:#d0dcd6;
  line-height:1.7;
  position:relative;
}
.kb-article-body blockquote cite{
  display:block;
  margin-top:12px;
  font-size:.85rem;
  font-style:normal;
  font-family:'JetBrains Mono',monospace;
  letter-spacing:0.06em;
  color:var(--text-dim-2);
  opacity:.9;
}

/* ═══ ТАБЛИЦЫ ═══ */
.kb-article-body table{
  width:100%;
  margin:28px 0 32px;
  border-collapse:separate;
  border-spacing:0;
  font-size:0.98rem;
  background:rgba(10,20,16,.5);
  border:1px solid rgba(15,184,148,.2);
  border-radius:12px;
  overflow:hidden;
}
.kb-article-body table th{
  padding:14px 18px;
  text-align:left;
  background:rgba(15,76,58,.45);
  font-family:'JetBrains Mono',monospace;
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--emerald-2);
  border-bottom:1px solid rgba(15,184,148,.2);
  vertical-align:top;
}
.kb-article-body table td{
  padding:14px 18px;
  color:#c8d4ce;
  border-bottom:1px solid rgba(255,255,255,.05);
  line-height:1.6;
  vertical-align:top;
}
.kb-article-body table tr:last-child td{
  border-bottom:none;
}
.kb-article-body table tr:hover td{
  background:rgba(15,184,148,.05);
}
.kb-article-body table td strong{
  color:#fff;
}

/* ═══ FAQ ═══ */
.kb-article-body h2 + .kb-faq-item,
.kb-faq-item{
  margin:12px 0;
  padding:0;
  background:linear-gradient(180deg,rgba(15,30,24,.4),rgba(5,10,8,.6));
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  overflow:hidden;
  transition:all .35s;
}
.kb-faq-item:hover{
  border-color:rgba(15,184,148,.35);
}
.kb-faq-item[open]{
  background:linear-gradient(180deg,rgba(15,76,58,.25),rgba(5,10,8,.7));
  border-color:rgba(15,184,148,.45);
}
.kb-faq-item summary{
  padding:20px 56px 20px 24px;
  cursor:pointer;
  font-size:1.02rem;
  font-weight:600;
  color:#fff;
  line-height:1.45;
  list-style:none;
  position:relative;
  transition:color .3s;
}
.kb-faq-item summary::-webkit-details-marker{display:none}
.kb-faq-item summary::after{
  content:'+';
  position:absolute;
  right:24px;
  top:50%;
  transform:translateY(-50%);
  font-family:'JetBrains Mono',monospace;
  font-size:1.4rem;
  font-weight:400;
  color:var(--emerald-2);
  transition:transform .3s;
  line-height:1;
}
.kb-faq-item[open] summary::after{
  content:'−';
  color:var(--gold-2);
}
.kb-faq-item summary:hover{
  color:var(--emerald-2);
}
.kb-faq-item p{
  padding:0 24px 22px;
  margin:0;
  color:#b8c8c0;
  line-height:1.7;
  font-size:.96rem;
}

/* ═══ ЧИТАТЬ ТАКЖЕ ═══ */
.kb-related{
  margin-top:64px;
  padding-top:40px;
  border-top:1px solid rgba(255,255,255,.08);
}
.kb-related h3{
  font-family:'JetBrains Mono',monospace;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:var(--text-dim);
  margin-bottom:24px;
}
.kb-related-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:14px;
}
.kb-related-item{
  display:block;
  padding:20px 22px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  text-decoration:none;
  color:inherit;
  transition:all .35s cubic-bezier(.34,1.4,.64,1);
}
.kb-related-item:hover{
  background:rgba(15,184,148,.08);
  border-color:rgba(15,184,148,.4);
  transform:translateY(-4px);
  box-shadow:0 20px 50px -20px rgba(15,184,148,.4);
}
.kb-related-cat{
  display:block;
  font-family:'JetBrains Mono',monospace;
  font-size:.6rem;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--emerald-2);
  margin-bottom:10px;
}
.kb-related-title{
  font-size:.98rem;
  font-weight:700;
  color:#fff;
  line-height:1.35;
  letter-spacing:-0.2px;
}

/* ═══ ФОРМА ВНУТРИ СТАТЬИ — компактнее ═══ */
.kb-article ~ .section-contact,
.kb-article + .section-contact{
  padding-top:20px;
}

/* ═══ АДАПТИВ ═══ */
@media (max-width:768px){
  .kb-article{padding:110px 0 40px}
  .kb-article .container{padding:0 20px}
  .kb-article-title{letter-spacing:-1.2px}
  .kb-article-body{font-size:16px}
  .kb-article-body h2{margin:40px 0 16px}
  .kb-article-body h3{margin:28px 0 12px;font-size:1.15rem}
  .kb-definition{padding:20px 22px}
  .kb-takeaway{padding:22px 24px}
  .kb-takeaway::before{left:24px;right:24px}
  .kb-article-body blockquote{padding:20px 24px;font-size:1rem}
  .kb-article-body table{font-size:.82rem}
  .kb-article-body table th,
  .kb-article-body table td{padding:10px 12px}
  .kb-faq-item summary{padding:16px 48px 16px 20px;font-size:.96rem}
  .kb-faq-item summary::after{right:18px;font-size:1.2rem}
  .kb-faq-item p{padding:0 20px 18px;font-size:.9rem}
  .kb-related-list{grid-template-columns:1fr}
}


/* ═══════════════════════════════════════════════════════════
   УЗКИЕ БЛОКИ — оставляем по центру (форма, related)
   ═══════════════════════════════════════════════════════════ */

/* Форма аудита в статье — компактная (800px по центру) */
.kb-article + .section-contact .container-narrow{
  max-width:820px;
  margin:0 auto;
  padding:0 32px;
}

/* Related — компактный */
.kb-article .container > .kb-related{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}

/* ═══════════════════════════════════════════════════════════
   СХЕМЫ В СТАТЬЯХ — визуализации
   ═══════════════════════════════════════════════════════════ */

.kb-scheme{
  margin:36px 0;
  padding:28px 24px;
  background:linear-gradient(180deg,rgba(15,30,24,.5),rgba(5,10,8,.8));
  border:1px solid rgba(15,184,148,.25);
  border-radius:16px;
  position:relative;
  overflow:hidden;
}
.kb-scheme::before{
  content:'';
  position:absolute;
  top:0;left:15%;right:15%;height:2px;
  background:linear-gradient(90deg,transparent,#22ddb0,transparent);
  opacity:.6;
}
.kb-scheme-title{
  font-family:'JetBrains Mono',monospace;
  font-size:.7rem;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--emerald-2);
  margin-bottom:20px;
  display:flex;
  align-items:center;
  gap:10px;
}
.kb-scheme-title::before{
  content:'';
  width:24px;height:1px;
  background:var(--emerald-2);
  box-shadow:0 0 8px var(--emerald-2);
}
.kb-scheme-caption{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-style:italic;
  font-size:.92rem;
  color:var(--text-dim);
  margin-top:20px;
  padding-top:16px;
  border-top:1px dashed rgba(52,211,153,.2);
  text-align:center;
}

/* Схема: Дашборд — макет панели */
.kb-scheme-dashboard{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.kb-dash-tile{
  padding:18px 16px;
  background:rgba(15,76,58,.25);
  border:1px solid rgba(52,211,153,.3);
  border-radius:10px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.kb-dash-tile-label{
  font-family:'JetBrains Mono',monospace;
  font-size:.62rem;
  font-weight:600;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--text-dim);
}
.kb-dash-tile-value{
  font-family:'Manrope',sans-serif;
  font-size:1.3rem;
  font-weight:800;
  color:#fff;
  line-height:1.1;
  letter-spacing:-.5px;
}
.kb-dash-tile-bar{
  height:4px;
  background:rgba(255,255,255,.1);
  border-radius:2px;
  overflow:hidden;
  margin-top:2px;
}
.kb-dash-tile-bar-fill{
  height:100%;
  background:var(--grad-2);
  border-radius:2px;
}
.kb-dash-tile-status{
  font-family:'JetBrains Mono',monospace;
  font-size:.6rem;
  letter-spacing:.15em;
  font-weight:600;
}
.kb-dash-tile-status.ok{color:#4ade80}
.kb-dash-tile-status.warn{color:#fbbf24}
.kb-dash-tile-status.bad{color:#ef4444}

@media (max-width:600px){
  .kb-scheme-dashboard{grid-template-columns:repeat(2,1fr)}
}

/* Схема: Оргструктура */
.kb-scheme-org{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.kb-org-variant{
  padding:16px 18px;
  background:rgba(15,76,58,.15);
  border-left:3px solid var(--emerald-2);
  border-radius:0 10px 10px 0;
}
.kb-org-variant-title{
  font-family:'JetBrains Mono',monospace;
  font-size:.65rem;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--emerald-2);
  margin-bottom:14px;
}
.kb-org-row{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-bottom:10px;
  flex-wrap:wrap;
}
.kb-org-node{
  padding:8px 16px;
  background:rgba(5,10,8,.7);
  border:1px solid rgba(52,211,153,.35);
  border-radius:6px;
  font-family:'Manrope',sans-serif;
  font-size:.78rem;
  font-weight:600;
  color:#d0dcd6;
  white-space:nowrap;
  text-align:center;
}
.kb-org-node.chief{
  background:var(--grad-2);
  color:#050a08;
  border-color:transparent;
  font-weight:800;
}
.kb-org-arrow{
  text-align:center;
  color:rgba(52,211,153,.5);
  font-size:.9rem;
  line-height:1;
  margin:4px 0;
}

/* Схема: Процесс */
.kb-scheme-process{
  display:flex;
  align-items:stretch;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center;
}
.kb-proc-block{
  flex:1;
  min-width:110px;
  padding:18px 14px;
  background:rgba(15,76,58,.25);
  border:1px solid rgba(52,211,153,.35);
  border-radius:10px;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:6px;
  position:relative;
}
.kb-proc-block.io{
  background:rgba(201,162,39,.15);
  border-color:rgba(201,162,39,.4);
}
.kb-proc-block-label{
  font-family:'JetBrains Mono',monospace;
  font-size:.6rem;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--emerald-2);
}
.kb-proc-block.io .kb-proc-block-label{
  color:var(--gold-2);
}
.kb-proc-block-text{
  font-family:'Manrope',sans-serif;
  font-size:.82rem;
  font-weight:600;
  color:#eaf5ef;
  line-height:1.4;
}
.kb-proc-arrow{
  align-self:center;
  color:rgba(52,211,153,.6);
  font-size:1.2rem;
  font-weight:700;
}
@media (max-width:700px){
  .kb-scheme-process{flex-direction:column}
  .kb-proc-arrow{transform:rotate(90deg)}
}

/* Схема: Карта процессов */
.kb-scheme-map{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.kb-map-layer{
  padding:16px 18px;
  border-radius:12px;
  border:1px solid rgba(52,211,153,.25);
}
.kb-map-layer-title{
  font-family:'JetBrains Mono',monospace;
  font-size:.62rem;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin-bottom:12px;
  display:flex;
  align-items:center;
  gap:8px;
}
.kb-map-layer-title::before{
  content:'';
  width:8px;height:8px;
  border-radius:50%;
  box-shadow:0 0 8px currentColor;
}
.kb-map-layer.management{background:rgba(201,162,39,.12);border-color:rgba(201,162,39,.35);color:var(--gold-2)}
.kb-map-layer.main{background:rgba(34,221,176,.12);border-color:rgba(34,221,176,.4);color:var(--emerald-2)}
.kb-map-layer.support{background:rgba(155,93,229,.12);border-color:rgba(155,93,229,.35);color:#b794f6}
.kb-map-nodes{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.kb-map-node{
  padding:6px 12px;
  background:rgba(5,10,8,.6);
  border:1px solid rgba(255,255,255,.1);
  border-radius:6px;
  font-family:'Manrope',sans-serif;
  font-size:.75rem;
  font-weight:600;
  color:#d0dcd6;
}

/* Схема: Маржа vs наценка */
.kb-scheme-margin{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.kb-margin-card{
  padding:22px 18px;
  background:rgba(15,76,58,.2);
  border:1px solid rgba(52,211,153,.3);
  border-radius:12px;
  text-align:center;
}
.kb-margin-card.accent{
  background:rgba(201,162,39,.12);
  border-color:rgba(201,162,39,.4);
}
.kb-margin-card-label{
  font-family:'JetBrains Mono',monospace;
  font-size:.62rem;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--emerald-2);
  margin-bottom:12px;
}
.kb-margin-card.accent .kb-margin-card-label{color:var(--gold-2)}
.kb-margin-card-value{
  font-family:'Manrope',sans-serif;
  font-size:2rem;
  font-weight:800;
  color:#fff;
  line-height:1;
  letter-spacing:-1px;
  margin-bottom:8px;
}
.kb-margin-card-formula{
  font-family:'JetBrains Mono',monospace;
  font-size:.72rem;
  color:var(--text-dim);
  line-height:1.5;
}
@media (max-width:600px){
  .kb-scheme-margin{grid-template-columns:1fr}
}

/* Схема: Воронка */
.kb-scheme-funnel{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  padding:8px 0;
}
.kb-funnel-stage{
  padding:14px 20px;
  background:linear-gradient(135deg,rgba(34,221,176,.2),rgba(34,221,176,.08));
  border:1px solid rgba(52,211,153,.4);
  border-radius:8px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  width:100%;
  max-width:520px;
  transition:transform .3s;
}
.kb-funnel-stage:hover{transform:translateX(6px)}
.kb-funnel-stage-label{
  font-family:'Manrope',sans-serif;
  font-size:.82rem;
  font-weight:600;
  color:#eaf5ef;
}
.kb-funnel-stage-value{
  font-family:'JetBrains Mono',monospace;
  font-size:.78rem;
  font-weight:600;
  color:var(--gold-2);
}
.kb-funnel-stage:nth-child(1){max-width:640px}
.kb-funnel-stage:nth-child(2){max-width:580px}
.kb-funnel-stage:nth-child(3){max-width:520px}
.kb-funnel-stage:nth-child(4){max-width:460px}
.kb-funnel-stage:nth-child(5){max-width:400px}
.kb-funnel-stage:last-child{
  background:linear-gradient(135deg,rgba(201,162,39,.35),rgba(201,162,39,.15));
  border-color:rgba(201,162,39,.5);
}

/* Схема: ССП */
.kb-scheme-bsc{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.kb-bsc-perspective{
  padding:18px 16px;
  background:rgba(15,76,58,.2);
  border:1px solid rgba(52,211,153,.3);
  border-radius:12px;
  position:relative;
  overflow:hidden;
}
.kb-bsc-perspective::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;height:2px;
  background:var(--grad-2);
  opacity:.6;
}
.kb-bsc-perspective-name{
  font-family:'JetBrains Mono',monospace;
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--emerald-2);
  margin-bottom:8px;
}
.kb-bsc-perspective-q{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-style:italic;
  font-size:.9rem;
  color:var(--text-dim);
  margin-bottom:12px;
  line-height:1.4;
}
.kb-bsc-perspective-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.kb-bsc-perspective-list li{
  font-family:'Manrope',sans-serif;
  font-size:.78rem;
  color:#c8d4ce;
  padding-left:14px;
  position:relative;
  line-height:1.4;
}
.kb-bsc-perspective-list li::before{
  content:'◆';
  position:absolute;
  left:0;top:0;
  color:var(--emerald-2);
  font-size:.55rem;
}
@media (max-width:600px){
  .kb-scheme-bsc{grid-template-columns:1fr}
}